Skip to content
A form element that allow users to select an single option from a list of at least two options.
Role
  • 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.

The skeleton property is used to display a loading state for the component while data is being fetched. It provides a visual placeholder, giving users a preview of the UI structure before the actual content is loaded. This enhances the user experience by offering a more accurate representation of the final layout during data retrieval.

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