Radio groups let people select a single item from a short list.
Use radio groups in layouts that offer enough space to list up to five options, or if it's important to view all options at once. If there isn't enough space, try a dropdown instead. If you need to let people select more than one option, try checkboxes. To let them immediately turn a setting on or off, try a switch.
Disable all Radio items in this group.
How the radio items are laid out in the group.
If no name is provided, one will be generated so that all of the Radio items have the same name.
Callback when the selected Radio item changes.
((ev: FormEvent<HTMLDivElement>, data: RadioGroupOnChangeData) => void)
Require a selection in this group. Adds the
prop to all child Radio items.
This should be the
prop of one of the Radio items inside this group.