KQ-072 · PRISM/FLIP
Prism Flip
A triangular prism that rolls toward the viewer between three panels — tap to advance, drag vertically against the detents, or step with the arrow keys; true equilateral geometry with edge shading.
KQ-072 · PRISM/FLIP
TELEMETRY · 3 FACESKQ-072
Panel 1 of 3: Status
FACING · Status
Click or drag vertically - three readings on one prism.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/prism-flip
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| panels | ReactNode[] | — | The three faces; extra entries are ignored. |
| index / defaultIndex / onIndexChange | number / number / (index) => void | — | Controlled or uncontrolled facing panel. |
| labels | string[] | — | Per-panel names for the announcement. |
| height | number | 128 | Panel height in px; clearance is derived from it. |