Selection
Segmented control
The radio alternative for options outside a form. All choices stay visible, the selection is unmistakable, and the thumb animates between segments so the change reads as movement rather than a repaint.
npx shadcn@latest add @minflow/segmentedWhere to use it
- View switches: day, week, month; list, board, calendar.
- Two to four short options. Beyond that, use a select.
Variations
Standard
The default two-to-four option switch.
With glyphs
When the options are view modes that read faster as icons than as words.