Kinetiq

KQ-076 · ROLODEX/LIST

Rolodex List

Records on a vertical wheel — drag, scroll a notch at a time, or arrow through; cards flip over the crest, the front record carries the accent, and Enter pulls it. A selection control, not a display drum.

KQ-076 · ROLODEX/LIST
Operator Index · 8 RecordsKQ-076

  • KQ/OP-01

    Vesper Kade

    RIGGER

  • KQ/OP-02

    Ilo Marek

    PLOTTER

  • KQ/OP-03

    Sable Finch

    COURIER

  • KQ/OP-04

    Juno Vale

    CIPHER

  • KQ/OP-06

    Mara Quill

    ARCHIVIST

  • KQ/OP-07

    Tavi Onde

    SIGNALER

  • KQ/OP-08

    Bram Holt

    WARDEN
Record 1 of 8: KQ/OP-01 Vesper Kade

Selected · —

Drag, scroll, or arrow through the wheel - Enter pulls a record.

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/rolodex-list

Props

PropTypeDefaultDescription
items{ id, content, label? }[]—The records on the wheel.
index / defaultIndex / onIndexChangenumber / number / (index) => void—Controlled or uncontrolled front record; change fires on settle.
onSelect(id, index) => void—Explicit activation — Enter, Space, or a tap on the front card.
height / loopnumber / boolean260 / trueViewport height in px, and whether the wheel wraps.