KQ-090 · ELEVATOR/NAV
Elevator Nav
Section navigation as an elevator ride — calling a floor rides the car past the floors between, a dial ticking through the numbers as they pass, and two doors part on arrival to reveal the floor; a new call shuts them and rides on.
KQ-090 · ELEVATOR/NAV
TOWER INDEX · 05 FLOORS
KQ-090
ROOF GARDEN
STUDIOS
OFFICES
ATRIUM
LOBBY
ARRIVED · LOBBY
Call a floor - the car rides and the doors part on arrival.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/elevator-nav
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| floors | Floor[] | — | Floors top to bottom; the call panel mirrors the order. |
| value / defaultValue | string | — | Controlled or initial floor. |
| onArrive | (id) => void | — | Fires the floor id once the doors part on arrival. |
| height | number | 300 | Shaft stage height in px. |