Version:

Install ​

shell
npm i @mate-angular/checkbox

Import ​

typescript
import { MateCheckboxComponent, MateCheckboxGroupComponent } from '@mate-angular/checkbox';

Variants ​

Default ​

html
<mate-checkbox-ng label="Accept terms"></mate-checkbox-ng>

Checked ​

html
<mate-checkbox-ng label="Checked" [checked]="true"></mate-checkbox-ng>

Disabled ​

html
<mate-checkbox-ng label="Disabled" [disabled]="true"></mate-checkbox-ng>

Group ​

html
<mate-checkbox-group-ng label="Options">
  <mate-checkbox-ng label="Option 1" value="1"></mate-checkbox-ng>
  <mate-checkbox-ng label="Option 2" value="2"></mate-checkbox-ng>
  <mate-checkbox-ng label="Option 3" value="3"></mate-checkbox-ng>
</mate-checkbox-group-ng>