UI / Components / foundations / Select

Select

Dropdown with keyboard nav + type-ahead.

Native-feel select with keyboard nav. Headless wrapper over the platform `<select>` so screen-readers and arrow-key conventions are free. Style with CSS variables.

$npx dock-ui add select

Usage

import { Select } from "@/components/ui/select";

<Select
  value={tier}
  onValueChange={setTier}
  options={[{ value: "free", label: "Free" }, { value: "pro", label: "Pro" }]}
/>

Install

via CLI

$ npx dock-ui add select

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/select.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.

← All components

Themes·Component kit · glossary

View on GitHub →