0
326
ViewsCómo encontrar documentación para los componentes de Material UI
Estoy luchando por encontrar la documentación adecuada para los componentes de MUI. Cuando trato de copiar un ejemplo del sitio que me gusta, me cuesta adaptarme a mis necesidades. muchos accesorios que se usan en estos ejemplos no puedo encontrar los documentos en el sitio oficial, ¿o soy estúpido y no puedo leer?
mi ejemplo:
<Box component="form" sx={{ '& .MuiTextField-root': { m: 1, width: '25ch' }, }} noValidate autoComplete="off" >Los accesorios aquí para los que no puedo encontrar documentos, y el contenido del accesorio sx "&. MUI text field-root".
Estoy intentando aquí cambiar uno de los campos de texto a un menú de selección, pero no sé por qué no puede heredar el estilo.
<Box component="form" sx={{ '& .MuiTextField-root': { m: 1, width: '25ch' }, }} noValidate autoComplete="off" > <div> <TextField required id="outlined-required" label="Required" defaultValue="Hello World" /> <Select labelId="demo-simple-select-label" id="demo-simple-select" value={age} label="Age" onChange={handleChange} sx={{ '& .MuiSelect-root': { m: 1, width: '25ch' }, }} > <MenuItem>Select an age</MenuItem> <MenuItem value={10}>Ten</MenuItem> <MenuItem value={20}>Twenty</MenuItem> <MenuItem value={30}>Thirty</MenuItem> </Select> </div> </Box> 
3 answers
Answer question0
Los documentos se dividen en demostraciones y API
Página de demostración del componente Box:
https://mui.com/material-ui/react-box/
Página API para el componente de caja:
https://mui.com/material-ui/api/box/
Tenga en cuenta que el enlace a los documentos de la API se encuentra en la parte inferior de cada página de demostración.
En el caso que está viendo, el accesorio sx está realmente documentado en la página de demostración:
Todas las propiedades del sistema están disponibles a través de sx prop. Además, la propiedad sx le permite especificar cualquier otra regla CSS que pueda necesitar. Aquí tienes un ejemplo de cómo puedes usarlo:
Pero la referencia canónica siempre debe ser la documentación de la API:
matriz sx<función | objeto | bool> | función | objeto
La propiedad del sistema que permite definir anulaciones del sistema, así como estilos CSS adicionales. Consulte la páginasxpara obtener más detalles.
Y esta documentación enlaza con más información sobre sx
0
puede ver y luchar con los componentes de MUI en https://mui.com/material-ui/getting-started/overview/
0
Normalmente debería tener en cualquier componente MUI un enlace a la especificación API, que en algunos casos puede conducir a otras especificaciones como las propiedades del sistema .
Leer una API siempre es como una madriguera de conejo :)
FYI: aquí está el enlace a la API para el componente Box ( https://mui.com/material-ui/api/box/ )