SegmentedControl
#segmented-controlPill sizes
Bordered sizes
Guidelines
When to use
≤4 mutually exclusive options that switch a view or filter — tab-like toggles. pill variant (default) for view-level toggles outside form chrome. bordered variant when the control sits inside a form or next to inputs/dropdowns.
When not to use
Not for >4 options (use a chip group) or for form data entry (use RadioGroup).
Don't
Mix pill SegmentedControl next to bordered inputs — visual mismatch.