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

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

items: { id, content, label? }[]; default —; The records on the wheel.
index / defaultIndex / onIndexChange: number / number / (index) => void; default —; Controlled or uncontrolled front record; change fires on settle.
onSelect: (id, index) => void; default —; Explicit activation — Enter, Space, or a tap on the front card.
height / loop: number / boolean; default 260 / true; Viewport height in px, and whether the wheel wraps.

Prop	Type	Default	Description
items	{ id, content, label? }[]	—	The records on the wheel.
index / defaultIndex / onIndexChange	number / 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 / loop	number / boolean	260 / true	Viewport height in px, and whether the wheel wraps.