Radios

States & modifiers
Sophisticated labels

You can use html in the label if it needs to be more than just a string. Clicking anywhere in the label will check the radio.



Radio Groups

The RadioGroup component makes it easy to have a single field with a selected value, using multiple radio buttons.

Clearable groups

Use the clearable prop on the RadioGroup to allow the user to uncheck a checked radio. This will set the group’s value to null.

Disabled groups

Use the disabled prop to set all the radios in the group to disabled. As you can see in this example, you still have flexiblity to tinker with each individual radio.