Components
SegmentedControl
A radio group on a translucent track with a sliding thumb (200ms ease-snap FLIP). Arrow keys move and select; only the checked item is tabbable. Sizes xs–lg, text or icon items, compaction, plain variant.
Settings controls
Default size (28, touch 32): track white 5% / black 5%, padding 1, radius 8; thumb white 10% / #fff with an outer 1px ring (20% / 5%, no drop), radius 7; items radius 6, padding 0 10, 14/20 w435, checked and unchecked both control ink.
Sizes
xs 24 · sm 28 · default 28 (touch 32) · lg 40 (compact density: 20 / 20 / 24 / 28).
Compaction, full width, plain
The consumer decides when to compact: partial keeps only the checked label, icons hides every label (tooltips take over). fullWidth stretches items; plain drops the track.
Disabled
A disabled control dims every item, hides the thumb and announces no checked item.