mat-checkbox: Basic Example

Do you want to foobar the bazquux? - {{printResult()}}

Label position:

Pseudo checkboxes

Nested Checklist

Configuration

required?
label after?
checked?
disabled?
indeterminate?
disable ripple?
hide label?
aria-label
aria-labelledby None My Label
id
name
value
color primary accent warn

Result

Click action: check-indeterminate
Checkbox w/ [checked] & (change) Checkbox w/ [(ngModel)]
Click action: check
Checkbox w/ [checked] & (change) Checkbox w/ [(ngModel)]
Click action: noop
Checkbox w/ [checked] & (change) Checkbox w/ [(ngModel)]
No animations
Checkbox w/ [checked] & (change) Checkbox w/ [(ngModel)]