KQ-010 · SELECT

Select

A menu that unfolds from where you asked — the panel scales from the trigger's edge, options cascade in, and a highlight bar glides between them.

KQ-010 · SELECT

MONITORING · CH-11 STRAIN

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/select

Props

PropTypeDefaultDescription
items(SelectOption | SelectGroup)[]Flat options, labeled groups, or a mix; options take value, label, description, disabled.
value / defaultValue / onValueChangestring / string / (value) => voidControlled or uncontrolled selection.
searchablebooleanfalsePins a filter input at the top of the panel.
placeholder / label / namestringEmpty-state text, wired visible label, and hidden form input.