Tabs
UITab navigation built on Radix UI with underline-style tab bar and keyboard navigation.
[EXAMPLES]
Basic Tabs
Overview content
[PROPS]
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
| defaultValue | string | — | Initial active tab value |
| value | string | — | Controlled active tab |
| onValueChange | (value: string) => void | — | Tab change callback |
[ACCESSIBILITY]
KEYBOARD SHORTCUTS
| KEY | ACTION |
|---|---|
| Arrow Left/Right | Switch between tabs |
| Home / End | First/last tab |
ARIA
- >role="tablist" on TabsList
- >role="tab" on each trigger
- >role="tabpanel" on content
- >aria-selected on active tab