Skip to content
FormsFree

Combobox

An input combined with a filterable list of predefined items to select.

Usage

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import {
  Combobox,
  ComboboxEmpty,
  ComboboxGroup,
  ComboboxGroupLabel,
  ComboboxInput,
  ComboboxInputGroup,
  ComboboxItem,
  ComboboxList,
  ComboboxPopup,
  ComboboxPortal,
  ComboboxTrigger,
} from "@wunderui/react"

Examples

Combobox & Autocomplete

Searchable select with a trigger, and free-text autocomplete.

In context

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Assign to project

Search the project list and pick one; the task card shows where the task now lives.

Fix coupon rounding
In Checkout redesign
In progress

API Reference

PropTypeDefault
itemsreadonly Value[]—
value / defaultValueValue | null—
onValueChange(value: Value | null) => void—
multiplebooleanfalse