This is the classic checkbox that holds checked, unchecked, and undetermined statuses. It is quite simple to use but you need to import some modules to use it, like so:

import { MatCheckboxModule } from @angular/material/checkbox;

@NgModule({
  imports: [MatCheckboxModule]
})

The markup should look like this:

<mat-checkbox [checked]="propertyOnTheComponent" >Check me<mat-checkbox>

So essentially, just add <mat-checkbox> as an element name and make sure to bind the checked attribute to a property on our component.