Slide Toggle

Toggle Size

Label

Label Position

Checked

Hide Icon

Disabled

Required

Enable push notifications

<mat-slide-toggle [checked]="true" [disabled]="false" [required]="false" [hideIcon]="false" labelPosition="after" class="sz-medium">
  Enable push notifications
</mat-slide-toggle>

Settings Toggle Group

Toggle Size

Wi-Fi

Bluetooth

Airplane Mode

Dark Mode

<div class="toggle-group">
  <mat-slide-toggle class="sz-medium" [(ngModel)]="wifi">Wi-Fi</mat-slide-toggle>
  <mat-slide-toggle class="sz-medium" [(ngModel)]="bluetooth">Bluetooth</mat-slide-toggle>
  <mat-slide-toggle class="sz-medium" [(ngModel)]="airplaneMode">Airplane Mode</mat-slide-toggle>
  <mat-slide-toggle class="sz-medium" [(ngModel)]="darkMode">Dark Mode</mat-slide-toggle>
</div>