Components / Combobox

Combobox

An autocomplete input that filters and selects application-owned options.

example.component.html
html
<aevko-combobox label="Framework" [items]="frameworks" [(value)]="framework" />

Installation

npx aevko-ui@latest add combobox --yes

Source 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 slotTypeDefaultDescription
itemsreadonly AevkoComboboxItem[]requiredOptions, disabled state and search keywords.
value / querymodel<string>'' / ''Controlled selection and input text.
emptyMessagestring'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.

Back to all components