Skip to content
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
string

Controlled or initial active tab.

onValueChangeNone
(value) => void

Called when the active tab changes.

List / Tab / PanelNone
compound parts

Accessible tab list and associated panel.

classNameNone
string

Additional classes applied to the component root.