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
- items
- (SelectOption | SelectGroup)[]
- default —
- Flat options, labeled groups, or a mix; options take value, label, description, disabled.
- value / defaultValue / onValueChange
- string / string / (value) => void
- default —
- Controlled or uncontrolled selection.
- searchable
- boolean
- default false
- Pins a filter input at the top of the panel.
- placeholder / label / name
- string
- default —
- Empty-state text, wired visible label, and hidden form input.
| Prop | Type | Default | Description |
|---|---|---|---|
| items | (SelectOption | SelectGroup)[] | — | Flat options, labeled groups, or a mix; options take value, label, description, disabled. |
| value / defaultValue / onValueChange | string / string / (value) => void | — | Controlled or uncontrolled selection. |
| searchable | boolean | false | Pins a filter input at the top of the panel. |
| placeholder / label / name | string | — | Empty-state text, wired visible label, and hidden form input. |