Components / Combobox
Combobox
An autocomplete input that filters and selects application-owned options.
Angular
React
Vue
html
<aevko-combobox label="Framework" [items]="frameworks" [(value)]="framework" />Installation
npx aevko-ui@latest add combobox --yesSource ownership
Customization
Keep option data and filtering keywords application-owned, bind query when remote search is needed and edit the installed matching logic directly.
Edit locallyThe installed template and stylesheet are application code, not a black box.
Theme semanticallyOverride
--aevko-* tokens or ordinary classes without !important.API reference
| Property or slot | Type | Default | Description |
|---|---|---|---|
items | readonly AevkoComboboxItem[] | required | Options, disabled state and search keywords. |
value / query | model<string> | '' / '' | Controlled selection and input text. |
emptyMessage | string | 'No items found.' | No-result feedback. |
Accessibility contract
Accessibility
Included behavior
- The input exposes combobox, autocomplete, expanded and listbox relationships; arrows and Enter operate suggestions.
Your responsibility
Provide a visible label, keep option labels unique and expose remote loading or errors outside the suggestion list.