Selection
Radio
Mutually exclusive options where seeing all of them at once matters. Radios live inside real forms; for quick options outside a form, the segmented control is the better instrument because it costs less vertical space.
npx shadcn@latest add @minflow/radioWhere to use it
- Forms with three to five exclusive options that the user should compare before choosing.
- Never outside a form, and never with more than about five options; that is a select.
Variations
Group
The standard shape: a labelled group with one selected option.
With descriptions
When the options need explaining and the choice is consequential enough to deserve the vertical space.