Selection Controls

Checkbox, Radio Buttons, and Slide Toggles with various states.

Checkbox

mat-checkbox with unchecked, checked, indeterminate, and disabled states.

Checkboxes
Code
<mat-checkbox>Unchecked</mat-checkbox>
<mat-checkbox checked>Checked</mat-checkbox>
<mat-checkbox indeterminate>Indeterminate</mat-checkbox>
<mat-checkbox disabled>Disabled</mat-checkbox>

Radio Buttons

mat-radio-group with mat-radio-button items and a disabled state.

Radio buttons
Code
<mat-radio-group>
  <mat-radio-button value="1">Option 1</mat-radio-button>
  <mat-radio-button value="2">Option 2</mat-radio-button>
  <mat-radio-button value="3" disabled>Disabled</mat-radio-button>
</mat-radio-group>

Slide Toggle

mat-slide-toggle with off, on, and disabled states.

Toggles
Code
<mat-slide-toggle>Off</mat-slide-toggle>
<mat-slide-toggle checked>On</mat-slide-toggle>
<mat-slide-toggle disabled>Disabled</mat-slide-toggle>