Combobox

comboboxForms

A searchable picker for long lists where the value must be one of the options. Type to filter, arrow to highlight, Enter to choose.

bunx --bun shadcn@4.17.0 add @waimakers/combobox
Kit dependencies
utilsthemeseparator
npm dependencies
@base-ui/react@1.9.0lucide-react@1.33.0

From the registry

A searchable single/multi-select picker on Base UI's first-class Combobox primitive — the kit's equivalent of shadcn's Command+Popover recipe, without cmdk. Input-family 44px field with a leading search glyph, clear and open controls; the highlighted row wears the accent WASH; the popup is the raised surface; the focus ring is --text; aria-invalid on the input draws a 2px --danger edge round the whole field.

Examples

Default

Filter a list of colleagues and pick one. Clear resets the choice.

Objects

Pass objects and tell the combobox how to label them.

skl_summarise

Multiple

Pick several. The input keeps filtering; the chosen values are listed outside it.

#team#agent-runs

Empty results

Say plainly when nothing matches, and say what to try.

Open the list to see the empty message.

States

Disabled and invalid. Press Tab into the input to see the focus ring around the whole field.

Choose who reviews the agent.