Kinetiq

KQ-164 · LISTBOX/ROSTER

Listbox Roster

An always-open multi-select — a roster you scan rather than a menu you poke. One highlight marker glides between rows as focus moves, ticking a row draws its check, and a running count keeps score.

KQ-164 · LISTBOX/ROSTER
Passes to run
  • Bore4.6 mm nominal
  • Faceflatten to a tenth
  • Cure20 minute hold
  • Sealtwo-stage
  • Markserial + date
  • Shipcrate and log

2 of 6 selected

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/listbox-roster

Props

PropTypeDefaultDescription
optionsListOption[]—Each row has an id, a label, and an optional hint.
value / defaultValuestring[]—Controlled or initial selection.
onValueChange(ids) => void—Fires the selected ids whenever they change.