Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
27 lines
871 B
TypeScript
27 lines
871 B
TypeScript
import FormControl from '@mui/joy/FormControl';
|
|
import FormLabel from '@mui/joy/FormLabel';
|
|
import FormHelperText from '@mui/joy/FormHelperText';
|
|
import Radio from '@mui/joy/Radio';
|
|
import RadioGroup from '@mui/joy/RadioGroup';
|
|
|
|
export default function RadioButtonsGroup() {
|
|
return (
|
|
<FormControl>
|
|
<FormLabel>Gender</FormLabel>
|
|
<RadioGroup defaultValue="female" name="radio-buttons-group">
|
|
<Radio
|
|
value="female"
|
|
label="Female"
|
|
slotProps={{ input: { 'aria-describedby': 'female-helper-text' } }}
|
|
/>
|
|
<FormHelperText id="female-helper-text">
|
|
Helper text for this radio.
|
|
</FormHelperText>
|
|
<Radio value="male" label="Male" />
|
|
<Radio value="other" label="Other" />
|
|
</RadioGroup>
|
|
<FormHelperText>This is helper text.</FormHelperText>
|
|
</FormControl>
|
|
);
|
|
}
|