When to use
Use a radion button when users need:
- select only one choice
- side-by-side comparisons
- binary choices like "Yes/No" or "Agree/Disagree
- for filters or search criteria with a few predefined options
Anatomy
- Radio button
- Label
Variations
- Filled
- Stroke
States
- Unselected
- Selected
- Enabled state
- Focused state
- Error state
- Disabled state