/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/radio-buttons/FormControlLabelPlacement.js
29 строк
864 B
Jan Potoms
[docs] Use `React.useId()` for demo IDs (#48300)
19 апр 2026, 13:10
Не верифицирован
19 апр 2026, 13:10
107f22c
Код
Авторство
О чём код?
import * as React from 'react'; import Radio from '@mui/material/Radio'; import RadioGroup from '@mui/material/RadioGroup'; import FormControlLabel from '@mui/material/FormControlLabel'; import FormControl from '@mui/material/FormControl'; import FormLabel from '@mui/material/FormLabel'; export default function FormControlLabelPlacement() { const id = React.useId(); return ( <FormControl> <FormLabel id={`${id}-label`}>Label placement</FormLabel> <RadioGroup row aria-labelledby={`${id}-label`} name="position" defaultValue="top" > <FormControlLabel value="bottom" control={<Radio />} label="Bottom" labelPlacement="bottom" /> <FormControlLabel value="end" control={<Radio />} label="End" /> </RadioGroup> </FormControl> ); }