Getting Started
Dark Mode
Charts
Colors
Drag-and-drop
Forms
Utilities
Radio Group
Select one from a set, like choosing your favorite pizza topping; only one can win, ensuring clear choices.
Basic
A set of round buttons where you can select only one option from the group.
Installation
If you hit any issues, make sure you check out the installation guide here for more information.
Composed Components
Plug this component into the CLI, and it automatically loads all the included components. No need to add them individually.
The Radio Group comes packed with a variety of components to make it stand out.
Manual Installation
Sometimes, using the CLI is the way to go, so make sure you install the necessary dependencies for the components you want to use.
Anatomy
Orientation
By default, the radio group is vertically oriented. You can change it to a horizontal orientation by using the orientation prop.
Without Label
The label is optional. You can omit it if not needed.
Parent Description
Add a description to the radio group by passing the description prop.
Children Description
Add descriptions to individual radio options using the description prop.
Invalid
When the radio group is in an error state, it cannot be edited.
Controlled
You can control the radio group value using the value prop.
Uncontrolled
You can control the radio group value using the defaultValue prop.
Disabled
When the radio group is disabled, it cannot be interacted with.