Glasswave UI

Combobox

Searchable select pattern using Popover + Command.

Combobox

Installation

1pnpm dlx shadcn@latest add @glasswave/combobox

Usage

1import { Combobox, type ComboboxOption } from "glasswave";2 3const options: ComboboxOption[] = [4  { value: "a", label: "Alpha", keywords: ["first"] },5  { value: "b", label: "Beta" },6];7 8<Combobox options={options} value={value} onValueChange={setValue} />

API Reference

Combobox

PropTypeDefault
optionsComboboxOption[]
valuestring | null
onValueChange(value: string | null) => void
placeholderstring"Select…"
searchPlaceholderstring
emptyTextstring
disabledbooleanfalse

ComboboxOption is { value: string; label: string; keywords?: string[] }.