Components / Input

Input

A styled native input with browser behavior and Angular Forms compatibility intact.

example.component.html
html
<label for="name">
  Name
</label>
<input aevkoInput id="name" autocomplete="name" />

Installation

npx aevko-ui@latest add input --yes

Source ownership

Customization

Use native attributes and Angular Forms normally. Override height, border and focus tokens through classes or edit the installed directive stylesheet.

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
invalidbooleanfalseWrites aria-invalid and applies invalid-state styling.
native attributesHTMLInputElementbrowser defaultAccepts native input properties, events and Angular Forms bindings.

Accessibility contract

Accessibility

Included behavior

  • Always provide an associated label.
  • Invalid state writes aria-invalid without replacing native constraints.

Your responsibility

Associate a visible label and use autocomplete, inputmode and native types that match the requested data.

Back to all components