Tabs

Compound Tabs (Tabs.Root, List, Trigger, Content) with ARIA wiring, keyboard navigation, optional sliding line indicator, and panel fade. Reference — header Documentation → Tabs.

Examples: basics

High-level summary.

Examples: five tabs — sliding underline

Choose Fourth or Fifth — the underline glides instead of jumping.

Examples: indicator on top

Indicator rail sits above the labels (indicatorPosition="top").

Examples: classic (per-tab underline)

Each trigger draws its own underline (no shared slider).

Examples: controlled & disabled trigger

Settings panel.

Active: settings

Examples: vertical orientation

Vertical strip — ArrowUp / ArrowDown. Sliding rail on the outer edge (indicatorPosition="inline-end").