KQ-117 · DECK/SWITCHER

Deck Switcher

An app-switcher for views — open the deck and every view rakes back into a tilted stack; slide the rake by drag, wheel, or arrows, then commit and the chosen view zooms forward while the rest fold away.

KQ-117 · DECK/SWITCHER

CONSOLE VIEWS · 04KQ-117

01TELEMETRY

CORE TEMP291.4 K

BUS LOAD27.6 V

02LOG

T+014.2 relay handshake ok
T+015.0 manifold trim +2
T+017.6 cabin pressure steady
T+019.1 beacon sweep clear

03ROUTES

DOCK 2SPUR 914 MIN

SPUR 9RELAY 422 MIN

RELAY 4BASIN 109 MIN

04CREW

Idra VolenHELM

Cass MarrowSIGNALS

Petra LuneLIFE SYSTEMS

VIEW · TELEMETRY

Open the deck, slide, and commit a view - Escape backs out.

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/deck-switcher

Props

views: { id, title, content }[]; default —; Two to six views; all stay mounted so their state survives switches.
activeId / defaultActiveId / onActiveChange: string / string / (id) => void; default —; Controlled or uncontrolled active view; fires only when the commit changes it.
height: number; default 300; Stage height in px.

Prop	Type	Default	Description
views	{ id, title, content }[]	—	Two to six views; all stay mounted so their state survives switches.
activeId / defaultActiveId / onActiveChange	string / string / (id) => void	—	Controlled or uncontrolled active view; fires only when the commit changes it.
height	number	300	Stage height in px.