KQ-006 · GANTRY/TABS
Gantry Tabs
The indicator rides a rail — its leading edge glides ahead while the trailing edge lags a beat, stretching toward the destination before contracting to fit.
KQ-006 · GANTRY/TABS
Bay controls
CH-01…04 nominal · 21.3°C
Instrument settings
UPTIME99.98%
LAST CAL6d ago
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/gantry-tabs
Props
- value / defaultValue / onValueChange
- string / string / (value) => void
- default —
- Controlled or uncontrolled active tab.
- variant
- "underline" | "segmented" | "enclosed"
- default "underline"
- Indicator style.
- orientation
- "horizontal" | "vertical"
- default "horizontal"
- Layout and arrow-key axis.
- activationMode
- "automatic" | "manual"
- default "automatic"
- Activate on focus, or on Enter/Space.
- keepMounted
- boolean
- default false
- Keep inactive panels mounted but hidden.
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue / onValueChange | string / string / (value) => void | — | Controlled or uncontrolled active tab. |
| variant | "underline" | "segmented" | "enclosed" | "underline" | Indicator style. |
| orientation | "horizontal" | "vertical" | "horizontal" | Layout and arrow-key axis. |
| activationMode | "automatic" | "manual" | "automatic" | Activate on focus, or on Enter/Space. |
| keepMounted | boolean | false | Keep inactive panels mounted but hidden. |