Components / Checkbox

Checkbox

A styled native checkbox with Angular Forms and indeterminate-state support.

Accept terms and conditions Required before creating the workspace.

example.component.html

html

<label>
  <input aevkoCheckbox type="checkbox" [(ngModel)]="accepted" />
  Accept terms and conditions
</label>

Installation

npx aevko-ui@latest add checkbox --yes

Source ownership

Customization

Pair the native control with ordinary labels and Angular Forms. Edit its local check treatment while retaining checked and indeterminate browser state.

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
`invalid`	`boolean`	`false`	Writes aria-invalid and applies invalid styling.
`native attributes`	`HTMLInputElement`	`browser default`	Supports checked, indeterminate, disabled, value, Forms bindings and native events.

Accessibility contract

Accessibility

Included behavior

The real checkbox retains browser keyboard, form submission and accessible checked-state behavior.

Your responsibility

Associate every checkbox with a visible label and explain the consequence when consent or destructive behavior is involved.

Back to all components