Checkbox

Overview

Click the box or its label. Use Tab to focus and Space to toggle.

<av-checkbox label="Remember me" [(ngModel)]="remember" />

Group

Set binary to false to collect selected values in an array.

<av-checkbox label="Email" [binary]="false"
  value="Email" [(ngModel)]="channels" />

Indeterminate

A partially selected group shows a dash. Select all or change individual items.

Sizes

Reactive forms and validation

Use Validators.requiredTrue when the checkbox must be selected.

Disabled

Usage

Import AvCheckbox and FormsModule or ReactiveFormsModule.

import { AvCheckbox } from 'avero-ui';
import { FormsModule } from '@angular/forms';

@Component({
  imports: [AvCheckbox, FormsModule],
})