hamelndigital

design

Combobox

Combobox

Searchable single-select — type to filter, arrows navigate, Enter selects. Pass loadOptions for remote search: the query is debounced, stale responses are dropped, and client-side filtering is bypassed since the server already matched.

Assignee picker

Assignee
<Combobox items={[{ value: "mara", label: "Mara" }]} onValueChange={set} />

Remote search

loadOptions is called with the debounced input (and once on mount). allowClear adds a reset button; loadingMessage shows while fetching.

Directory user
<Combobox
  items={[]}
  loadOptions={async (q) => fetchUsers(q)}
  allowClear
  value={owner}
  onValueChange={setOwner}
/>