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.
Examples
Skeleton
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
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
- Examples
- Skeleton
- Related components
On this page