Tag: STYLED-COMPONENTS
El componente Form es de tipo styled.form“ y está definido fuera del componente en la parte inferior del archivo. El problema: el controlador de eventos onSubmit no funciona. Los documentos oficiales no tienen nada sobre onSubmit. const submitHandler = e => { e.preventDefault() console.log(e) // nothing appears in console } . . . Read more
Descargué este diseño de Frontend Mentor para practicar mis habilidades de CSS. Este es el estado hover del diseño. Este es mi diseño. Obtuve este resultado con las siguientes reglas de CSS: const CardImage = styled.div` background-image: url(${(props) => props.cardImage || DefaultImage}); background-repeat: no-repeat; background-size: cover; border-radius: 15px; height: 270px; . . . Read more
Quiero mostrar una imagen de fondo en todo el tamaño del componente padre, esta imagen está asignada a la constante “image”, el padre es un Dialog de Material UI. A continuación se muestra el código que tengo ahora y que no funciona. ¿Cómo debo implementarlo? const image = ‘../../../../../../shared/src/lib/assets/images/logo/SVG/nevomo_logo_orange.svg’; return . . . Read more
Me encontré con un error en styled-components: Se generaron más de 200 clases para el componente…… Luego hice el arreglo sugerido desde la consola, lo cual funcionó, pero cuando tengo un componente contenedor “Card” que al pasar el mouse por encima debería cambiar el color del texto de otro componente . . . Read more
Estoy tratando de cambiar el color de la barra de la aplicación al desplazarse. Usé una función estilizada de MaterialUI para crear mi barra de aplicación. Verifiqué el valor del estado en la consola y cambia correctamente. Desafortunadamente, la barra de la aplicación no reacciona al cambio de estado de . . . Read more