Form controls

Segmented control

Two to five mutually exclusive views or modes in one pill row: Gallery / Table, date ranges on a chart, density. A control, not navigation (that is Tabs).

Live specimen

Lifted from the approved family page at build time; interact with it.

Segmented control

ToggleGroup (single) · two to four short, equal choices that switch instantly.

default
hover
focus
disabled
error
read-only
Uses.seg.seg-irole=radio.seg.sm--muted--e-btn-2

from families/form-controls/#segmented