Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Search-backed combobox for remote or expensive option sets. It supports debouncing, minimum query length, default options, loading, empty, and error states.
Return options from loadOptions(query). Requests are sequenced so stale responses cannot replace newer results.
Uses combobox and listbox semantics with keyboard navigation, active-descendant tracking, and announced loading or error feedback.
| Prop | Type | Default | Description |
|---|---|---|---|
mode | string | stacked | Configures mode. |
labelPosition | string | left | Configures label position. |
radius | string | standard | Configures radius. |
transparency | string | standard | Configures transparency. |
gradient | boolean | false | Configures gradient. |
errorEnabled | boolean | false | Configures error enabled. |
error | string | This field is required | Configures error. |
helpEnabled | boolean | false | Configures help enabled. |
help | string | Optional help text for this field | Configures help. |
required | boolean | false | Configures required. |
size | string | md | Configures size. |
label | string | Assignee | Configures label. |
debounceMs | number | 250 | Configures debounce ms. |
minQueryLength | number | 1 | Configures min query length. |
