Skip to content
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.

This component should be used together with our Stack or Inline component to control the layout of the radio buttons.

  • 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.