Skip to content
All 6 kits from $99 · Everything Bundle $149

Select

InputMIT
View in Storybook

Dropdown select with options, groups, search, and full keyboard navigation.

bun add @otfdashkit/ui

Preview

Select
Loading Storybook preview…

Code

import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectGroup, SelectLabel } from '@otfdashkit/ui'

export function Example() {
  return (
    <div className="w-60">
      <Select>
        <SelectTrigger>
          <SelectValue placeholder="Select a role" />
        </SelectTrigger>
        <SelectContent>
          <SelectGroup>
            <SelectLabel>Roles</SelectLabel>
            <SelectItem value="admin">Admin</SelectItem>
            <SelectItem value="editor">Editor</SelectItem>
            <SelectItem value="viewer">Viewer</SelectItem>
          </SelectGroup>
        </SelectContent>
      </Select>
    </div>
  )
}

Free with the SDK. This component ships in @otfdashkit/ui under the MIT license.