RadioGroup API
API reference docs for the React RadioGroup component. Learn about the props, CSS, and other APIs of this exported module.
Component demos
Import
import RadioGroup from '@mui/material/RadioGroup';
// or
import { RadioGroup } from '@mui/material';
Props of the FormGroup component are also available.
The name used to reference the value of the control. If you don't provide this prop, it falls back to a randomly generated name.
Type:string
Callback fired when a radio button is selected.
Type:func
function(event: React.ChangeEvent, value: string) => void
event
The event source of the callback.value
The value of the selected radio button. You can pull out the new value by accessingevent.target.value
(string).
ref
is forwarded to the root element.Inheritance
While not explicitly documented above, the props of the FormGroup component are also available in RadioGroup. You can take advantage of this to target nested components.
These class names are useful for styling with CSS. They are applied to the component's slots when specific states are triggered.
You can override the style of the component using one of these customization options:
- With a global class name.
- With a rule name as part of the component's
styleOverrides
property in a custom theme.