Content Comparison

References

• Material Documentation

• Dashboard Live Example

Example

On

...

Off

...

Usage

Structure

<div class="mat-form-field">
  <label>Toggle Label</label>
  <mat-slide-toggle>
    Toggle Description
  </mat-slide-toggle>
</div>

Container

• Every toggle should have a mat-form-field container, which formats its' label and toggle description

Label

• Use <label> for the datepicker label

Toggle & Description

• Use mat-slide-toggle for all instances of toggles, with the description placed inside the tag