Components / Native Select

Native Select

A styled platform select with native keyboard, touch and form behavior.

Role

example.component.html

html

<select aevkoNativeSelect id="role">
  <option>
    Designer
  </option>
</select>

Installation

npx aevko-ui@latest add native-select --yes

Source ownership

Customize the native control without replacing platform interaction. Options, validation and Forms bindings remain ordinary Angular markup.

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
`invalid`	`boolean`	`false`	Writes aria-invalid and applies invalid-state styling.
`native attributes`	`HTMLSelectElement`	`browser default`	Accepts native select properties, options, events and Forms bindings.

Accessibility contract

Associate a label and keep the placeholder option meaningful when selection is required.

Associate a label and make any placeholder option accurately describe an unselected required state.