components

Combobox

Autocomplete input and command palette with a list of suggestions.

Installation

The Combobox is built using a composition of the Popover and the Command components.

Usage

Imports

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

Code

/components/ui/combobox.tsx
<Combobox>
	<Combobox.Input placeholder="Search..." />
	<Combobox.List>
		<Combobox.Item>Option 1</Combobox.Item>
		<Combobox.Item>Option 2</Combobox.Item>
		<Combobox.Item>Option 3</Combobox.Item>
	</Combobox.List>
</Combobox>

Examples

Timezone

Tags

Email Invite

With ScrollArea

Virtualized List

Form