KB-104 · MEDIA/CONSOLE

Media Console

A media island that unfolds into a console — the pill morphs open into transport, a caliper timeline, and a scope-scrubbed volume.

KB-104 · MEDIA/CONSOLE

Click the pill to unfold

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/media-console

Props

PropTypeDefaultDescription
tracksTrack[]{ id, title, artist, duration } — playback is simulated; the JSDoc shows wiring a real audio element.
defaultExpandedbooleanfalseStart as the pill or the full console.