KQ-089 · PIVOT/GRID
Pivot Grid
A wall of cards that turns a corner — clicking one pivots the whole assembly a quarter turn on its hinge so the wall swings away edge-on and that card's room swings in to face you; Escape or the room's back control turns you back to the wall.
KQ-089 · PIVOT/GRID
WARD MAP · 06 ROOMS
KQ-089
INSIDE · THE WALL
Click a room to turn the corner into it - Escape turns back.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/pivot-grid
Props
- cards
- PivotCard[]
- default —
- Wall cards; each carries an optional room face.
- columns
- number
- default 3
- Wall grid columns.
- onEnter
- (id | null) => void
- default —
- Fires the entered card id, null on return to the wall.
- height
- number
- default 300
- Stage height in px.
| Prop | Type | Default | Description |
|---|---|---|---|
| cards | PivotCard[] | — | Wall cards; each carries an optional room face. |
| columns | number | 3 | Wall grid columns. |
| onEnter | (id | null) => void | — | Fires the entered card id, null on return to the wall. |
| height | number | 300 | Stage height in px. |