Radio group
A form element that allow users to select an single option from a list of at least two options.
- Can be controlled or uncontrolled.
- Only a single option can be selected at a time.
- Enforces that at least two options are presented.
When to use
This component should be used together with our Stack
or Inline
component to control the layout of the radio buttons.
Related components
- Checkbox: Checkboxes are most commonly used when there are multiple items to select in a list. Users can select zero, one, or any number of items.
- Segmented control: A hybrid somewhere between a button group, radio buttons, and tabs; segmented controls are used to switch between different options or views.
- When to use
- Related components
On this page