Form

Select

Dropdown picker built on bits-ui's Select — keyboard typeahead, focus management, ESC, popover positioning all handled.

Examples

Theme picker

<Select
  bind:value={theme}
  options={[
    {value: 'light', label: 'Light'},
    {value: 'dark', label: 'Dark'},
    {value: 'auto', label: 'Match system'},
  ]}
/>

Small + placeholder

<Select size="sm" placeholder="Priority…" options={…} />

Props

Prop	Type	Default	Description
`options`	`{value, label, disabled?}[]`	`—`	Option definitions.
`value`	`T`	`—`	Bindable selected value.
`onValueChange`	`(next: T) => void`	`—`	Fires when selection changes.
`placeholder`	`string`	`'Select…'`	Shown when nothing is selected.
`size`	`'sm' \| 'md'`	`'md'`	Trigger height tier.
`ariaLabel`	`string`	`—`	Accessible name override.

Install

CLI

npm install bits-ui
npx @a3tai/mittsu add select