/
Toggle

Toggle

Owned by Amish Ladhu
Last updated: May 24, 2019

References

 

Usage Rules

  • Toggles should be used for boolean options (e.g. yes/no, on/off)

 

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