SegmentedControl

Open in Figma
A small single choice switch in a muted well, the selected option lifted onto a card. For views and sort orders inside a page, not for navigation.

Sort switch

A single choice inside a page. Use SegmentedNav for destinations.

variant
<SegmentedControl
  label="Sort"
  options={SORTS}
  value={sort}
  onChange={setSort}
  variant="default"
/>