ComboBox

Molecule

Single-select combobox with type-to-filter behavior, keyboard navigation, and optional async search.

Controlled selection

Preview

Search or pick from the list.

Selected: nextjs

Code
function Demo() {
  const [value, setValue] = useState('nextjs');
  return (
    <ComboBox
      id="framework"
      label="Framework"
      options={COMBO_OPTIONS}
      value={value}
      onChange={setValue}
    />
  );
}

Async search

Preview

Selected: none

Code
<ComboBox id="search" label="Async search" options={COMBO_OPTIONS} onSearch={search} value={value} onChange={setValue} />
Sourcemodules/ui/ComboBox.tsx