Toggle

References

Usage Rules

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

Toggle & Description

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

Product Design