Component
Tabs
Sliding underline indicator, arrow-key navigable, plus Segmented Control, its pill-shaped sibling for compact single-choice toggles.
Basic
Overview panel
Icon tabs
Home panel
Disabled tab
Overview panel
Full-width (mobile)
Overview panel
Controlled
Overview panel
Active: overview
Segmented Control
Pill-shaped single-choice control, built on the same Tabs primitive; no panels rendered.
Segmented Control: disabled option
API reference
value / defaultValueNone
stringControlled or initial active tab.
onValueChangeNone
(value) => voidCalled when the active tab changes.
List / Tab / PanelNone
compound partsAccessible tab list and associated panel.
classNameNone
stringAdditional classes applied to the component root.
