30 lines
971 B
JavaScript
30 lines
971 B
JavaScript
|
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 ControlledRadioButtonsGroup() {
|
||
|
|
const [value, setValue] = React.useState('female');
|
||
|
|
|
||
|
|
const handleChange = (event) => {
|
||
|
|
setValue(event.target.value);
|
||
|
|
};
|
||
|
|
|
||
|
|
return (
|
||
|
|
<FormControl>
|
||
|
|
<FormLabel id="demo-controlled-radio-buttons-group">Gender</FormLabel>
|
||
|
|
<RadioGroup
|
||
|
|
aria-labelledby="demo-controlled-radio-buttons-group"
|
||
|
|
name="controlled-radio-buttons-group"
|
||
|
|
value={value}
|
||
|
|
onChange={handleChange}
|
||
|
|
>
|
||
|
|
<FormControlLabel value="female" control={<Radio />} label="Female" />
|
||
|
|
<FormControlLabel value="male" control={<Radio />} label="Male" />
|
||
|
|
</RadioGroup>
|
||
|
|
</FormControl>
|
||
|
|
);
|
||
|
|
}
|