es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tag: FORMIK-MATERIAL-UI

Estilizando MUI Autocomplete con styled-components

Tengo el componente AutoComplete de mui en mi código, y lo estoy utilizando con su componente TextField de la siguiente manera: tsx <StyledAutoComplete id="xxx" clearOnEscape options={[…]} renderInput={(params) => ( <TextField {…params} label="clearOnEscape" variant="standard" /> )} /> Donde StyledAutoComplete es el siguiente componente personalizado: tsx export const StyledAutocomplete = styled(Autocomplete).MuiAutocomplete-option { . . . Read more

¿Cómo puedo hacer que mis Material Icons cambien de color cuando paso el cursor sobre ellos?

Estoy utilizando los íconos mui 5.2.0 en mi página de React. El ícono se muestra, pero no cambia de color cuando paso el cursor sobre él. Aquí está mi código: import EditIcon from ‘@mui/icons-material/Edit’; import { makeStyles } from “@material-ui/core/styles”; const useStyles = makeStyles(theme => ({ customHoverFocus: { “&:hover, &.Mui-focusVisible”: . . . Read more

autoComplete=true no tiene efecto en el autocompletado de MUI.

<Autocomplete disablePortal autoComplete={true} // establecer en true id=”combo-box-demo” options={top100Films} sx={{ width: 300 }} renderInput={(params) => <TextField {…params} label=”Película” />} /> ejemplo ejecutable: No tiene efecto. No autocompleta la palabra que se escribe. ¿Qué está mal? ¿Cómo arreglarlo?