/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/selects/SelectSmall.tsx
33 строки
982 B
sai chand
[docs][Select] Fix duplicate ID in small size Select demo (#36792)
12 апр 2023, 10:10
Не верифицирован
12 апр 2023, 10:10
3589f0e
Код
Авторство
О чём код?
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 SelectSmall() { const [age, setAge] = React.useState(''); const handleChange = (event: SelectChangeEvent) => { setAge(event.target.value); }; return ( <FormControl sx={{ m: 1, minWidth: 120 }} size="small"> <InputLabel id="demo-select-small-label">Age</InputLabel> <Select labelId="demo-select-small-label" id="demo-select-small" value={age} label="Age" onChange={handleChange} > <MenuItem value=""> <em>None</em> </MenuItem> <MenuItem value={10}>Ten</MenuItem> <MenuItem value={20}>Twenty</MenuItem> <MenuItem value={30}>Thirty</MenuItem> </Select> </FormControl> ); }