Selection
Select
A list field, so it keeps a hairline boundary all the way around and no fill inside it, because a closed list has to look clickable while it is still empty. Opening rolls the chevron, drops the panel out of the trigger, and cascades the options in.
npx shadcn@latest add @minflow/selectWhere to use it
- Five or more exclusive options, where showing them all would cost too much space.
- Fewer than five and comparison matters? Use radios or a segmented control.
Variations
Standard
The default single-select with a placeholder.
With a value
When a sensible default exists. The chosen row draws its check when the panel opens.