Tabs
A set of layered content panels that are displayed one at a time via tab triggers.
Profile details
Installation
pnpm dlx stera-ui@latest add tabs
Line Variant
Profile details
Vertical
Make changes to your account here.
Disabled
Profile details
Sizes
| Size | Description |
|---|---|
sm | Small (default) |
md | Medium |
lg | Large |
With Icons
Browse your music library.
API Reference
Built on Base UI's Tabs primitive — see the full API reference there.
Tabs
| Prop | Type | Default |
|---|---|---|
defaultValue | string | — |
value | string | — |
onValueChange | (value: string) => void | — |
orientation | "horizontal" | "vertical" | "horizontal" |
TabsList
| Prop | Type | Default |
|---|---|---|
variant | "default" | "line" | "default" |
size | "sm" | "md" | "lg" | "sm" |
TabsTrigger
| Prop | Type | Default |
|---|---|---|
value | string | — |
disabled | boolean | false |