Combobox

thilo composition

Searchable select. Built from Command + Popover. For assignee, partner, and tag pickers with many options.

@/components/ui/combobox

States

State	Preview	Token
Closed (empty)		bg-background border-input — like a Button outline
Selected		Shows selected label + check icon
Disabled		opacity-50 cursor-not-allowed pointer-events-none

Live demos

Assignee picker

Business partner picker

In context — new ticket form

New ticket

Assignee

Business partner

Combobox vs Select

	Combobox	Select
Search	Yes — built-in text filter	No — static list
Options count	10+ options (people, partners, tags)	< 8 options (status, priority)
Best for	Assignee, partner, category	Status, priority, role

Props

Prop	Type	Description
options	{ value, label }[]	List of selectable items
value	string	Controlled selected value
onChange	function	(value: string) => void
placeholder	string	Trigger button text when nothing is selected
searchPlaceholder	string	Input placeholder inside the dropdown
emptyText	string	Text shown when search yields no results
width	number	Popover width in px (default: trigger width)
disabled	boolean	Prevents interaction

On this page