005cf56baf
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
25 lines
782 B
TypeScript
25 lines
782 B
TypeScript
import FormControl from '@mui/joy/FormControl';
|
|
import FormLabel from '@mui/joy/FormLabel';
|
|
import FormHelperText from '@mui/joy/FormHelperText';
|
|
import Radio, { radioClasses } from '@mui/joy/Radio';
|
|
import RadioGroup from '@mui/joy/RadioGroup';
|
|
|
|
export default function RadioFocus() {
|
|
return (
|
|
<FormControl>
|
|
<FormLabel>Focus</FormLabel>
|
|
<RadioGroup name="radio-buttons-group-focus">
|
|
<Radio value="default" label="Default" />
|
|
<Radio
|
|
value="relative"
|
|
label="Position relative"
|
|
sx={{ [`& .${radioClasses.radio}`]: { position: 'relative' } }}
|
|
/>
|
|
</RadioGroup>
|
|
<FormHelperText>
|
|
Select an option and use keyboard ↑↓ to see the focus outline
|
|
</FormHelperText>
|
|
</FormControl>
|
|
);
|
|
}
|