Components / Select

Select

A controlled button-triggered listbox for choosing one application option.

example.component.html

html

<aevko-select label="Theme" [items]="themes" [(value)]="theme" />

Installation

npx aevko-ui@latest add select --yes

Source ownership

Use typed item data and controlled value for custom selection; prefer Native Select when platform-native interaction is sufficient.

Edit locallyThe installed template and stylesheet are application code, not a black box.

Theme semanticallyOverride --aevko-* tokens or ordinary classes without !important.

Property or slot	Type	Default	Description
`items`	`readonly AevkoSelectItem[]`	`required`	Labels, values and disabled options.
`value`	`model<string>`	`''`	Controlled selected value.
`disabled`	`boolean`	`false`	Disables the trigger.
`placeholder`	`string`	`'Select an option'`	Text before selection.

Accessibility contract

The trigger exposes expanded and listbox relationships; Arrow keys and Enter choose enabled options.

Provide a visible label, keep choices concise and do not use the placeholder as the only field instruction.