Tabs

A set of layered sections (panels) shown one at a time, switched by an associated set of tabs. Follows the WAI-ARIA APG Tabs pattern: role=tablist/tab/tabpanel, roving tabindex, arrow-key navigation, and aria-selected/aria-controls/aria-labelledby wiring. The active tab is marked by an underline in var(--accent). Controlled or uncontrolled via value / defaultValue.

Uncontrolled (defaultValue) — automatic activation

OCSS Rules — the 104-category taxonomy and signal semantics. What a signal means.

Controlled (value + onValueChange)

Selected: rules

value = "rules"

Manual activation — arrows move focus, Enter/Space selects

First panel.

Vertical orientation (Up/Down arrows, edge-bar indicator)

Vertical tabs place the list on the side.

Declarative items prop

Day view.