ComponentClient component

Combobox

A searchable controlled option picker composed from Command and Popover.

Installation

Preview

Usage

tsx

import { Combobox } from "@/components/ui/combobox"

<Combobox
  options={[
    { value: "next", label: "Next.js" },
    { value: "vite", label: "Vite" },
  ]}
  placeholder="Select framework"
/>

API reference

Prop	Type	Default	Description
`options`	`ComboboxOption[]`	`—`	Searchable values and display labels.
`value`	`string`	`—`	Controlled selected value.
`onValueChange`	`(value: string) => void`	`—`	Runs when an option is selected.
`className`	`string`	`—`	Overrides or extends the generated Tailwind classes.
`disabled`	`boolean`	`false`	Prevents user interaction when supported.