KQ-114 · STAGE/TABS
Stage Tabs
Tabs staged like a theater revolve — the outgoing panel sweeps to one wing as the incoming one revolves in from the other, direction following tab order, over a floor shadow that squashes with the turn.
KQ-114 · STAGE/TABS
Bench Report · 3 SheetsKQ-114
- Throughput
- 412 u/min
- Stage Drift
- +0.04°
KQ-114 · Stage Tabs · Revolve 28° · P 800 · ζ 0.98
Switch tabs - the stage revolves the next panel in.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/stage-tabs
Props
- tabs
- { id, label, content }[]
- default —
- The tab set.
- value / defaultValue / onValueChange
- string / string / (id) => void
- default —
- Controlled or uncontrolled active tab.
- minHeight
- number
- default 180
- Stage floor height in px.
| Prop | Type | Default | Description |
|---|---|---|---|
| tabs | { id, label, content }[] | — | The tab set. |
| value / defaultValue / onValueChange | string / string / (id) => void | — | Controlled or uncontrolled active tab. |
| minHeight | number | 180 | Stage floor height in px. |