Tabs
Switches between related panels while keeping their context visible.
@rivetui/tabsPreview
Explore each composition interactively, then open its code in the same context.
Default
Project / rv_01
Production gateway
Live system status and current deployment configuration.
- Region
- eu-central
- Runtime
- Bun 1.3
- Status
- Operational
Vertical
Infrastructure
Private network
Services communicate through an isolated regional network.
Manual mode
Arrow keys move focus. Enter or Space activates the focused tab.
Registry
Installation
Add the component source and its declared dependencies with the shadcn CLI.
Install component
bunx --bun shadcn@latest add @rivetui/tabsPublic interface
API reference
Component-specific props are listed here. Native element and Base UI props continue to pass through.
Tabs
| Prop | Type | Default |
|---|---|---|
value | unknown | — |
defaultValue | unknown | 0 |
onValueChange | (value: unknown, details) => void | — |
orientation | "horizontal" | "vertical" | "horizontal" |
TabsList
| Prop | Type | Default |
|---|---|---|
activateOnFocus | boolean | true |
TabsTrigger
| Prop | Type | Default |
|---|---|---|
value | unknown | required |
disabled | boolean | false |
TabsContent
| Prop | Type | Default |
|---|---|---|
value | unknown | required |
keepMounted | boolean | false |