/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/switches/SwitchesGroup.js
49 строк
1 KB
Siriwat K
[docs] Migrate content to the new location (#30757)
04 фев 2022, 07:13
Не верифицирован
04 фев 2022, 07:13
27f1c28
Код
Авторство
О чём код?
import * as React from 'react'; import FormLabel from '@mui/material/FormLabel'; import FormControl from '@mui/material/FormControl'; import FormGroup from '@mui/material/FormGroup'; import FormControlLabel from '@mui/material/FormControlLabel'; import FormHelperText from '@mui/material/FormHelperText'; import Switch from '@mui/material/Switch'; export default function SwitchesGroup() { const [state, setState] = React.useState({ gilad: true, jason: false, antoine: true, }); const handleChange = (event) => { setState({ ...state, [event.target.name]: event.target.checked, }); }; return ( <FormControl component="fieldset" variant="standard"> <FormLabel component="legend">Assign responsibility</FormLabel> <FormGroup> <FormControlLabel control={ <Switch checked={state.gilad} onChange={handleChange} name="gilad" /> } label="Gilad Gray" /> <FormControlLabel control={ <Switch checked={state.jason} onChange={handleChange} name="jason" /> } label="Jason Killian" /> <FormControlLabel control={ <Switch checked={state.antoine} onChange={handleChange} name="antoine" /> } label="Antoine Llorca" /> </FormGroup> <FormHelperText>Be careful</FormHelperText> </FormControl> ); }