/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/selects/SelectAutoWidth.tsx
36 строк
1 KB
Daniel Khakbaz
[docs][material-ui][Select] Fix the `SelectAutoWidth` demo menu item value (#42648)
20 июн 2024, 14:54
Не верифицирован
20 июн 2024, 14:54
9476434
Код
Авторство
О чём код?
import * as React from 'react'; import InputLabel from '@mui/material/InputLabel'; import MenuItem from '@mui/material/MenuItem'; import FormControl from '@mui/material/FormControl'; import Select, { SelectChangeEvent } from '@mui/material/Select'; export default function SelectAutoWidth() { const [age, setAge] = React.useState(''); const handleChange = (event: SelectChangeEvent) => { setAge(event.target.value); }; return ( <div> <FormControl sx={{ m: 1, minWidth: 80 }}> <InputLabel id="demo-simple-select-autowidth-label">Age</InputLabel> <Select labelId="demo-simple-select-autowidth-label" id="demo-simple-select-autowidth" value={age} onChange={handleChange} autoWidth label="Age" > <MenuItem value=""> <em>None</em> </MenuItem> <MenuItem value={20}>Twenty</MenuItem> <MenuItem value={21}>Twenty one</MenuItem> <MenuItem value={22}>Twenty one and a half</MenuItem> </Select> </FormControl> </div> ); }