I am struggling to find proper documentation for MUI components. When I try to copy an example from the site that I like, I struggle to adapt to my needs. many props that are used in these examples I can't find the docs of on the official site, or am I stupid and can't read?
My example:
<Box
component="form"
sx={{
'& .MuiTextField-root': { m: 1, width: '25ch' },
}}
noValidate
autoComplete="off"
>
The props here I can't find docs for, and the content of the sx prop "&. MUI text field-root".
Am trying here to change on of the textfields to a select menu but I don't know whyit can't inherit the styling.
<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>
