Combobox

Searchable select with ranked matching (prefix > word > substring, keywords too), clear button and an optional “Create …” row.

6 files · 526 locdeps: clsx, tailwind-merge

Framework

Type to filter — try “vercel”.

Label

Creatable: type a new label and press Enter.

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/combobox.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs combobox

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

<Combobox options={opts} value={v} onValueChange={setV} onCreate={addOption} />

Prop	Type	Default	Description
options	{ value, label, description?, icon?, keywords?, disabled? }[]	—	Choices.
value / onValueChange	string	—	Selection.
onCreate	(text) => void	—	Enables the create row.
emptyText / placeholder	ReactNode / string	—	Copy.