@engie-group/fluid-design-system-angular/src/components/switch/switch.component.html

Fluid Design System Angular

<div class="nj-switch" [ngClass]="getButtonMainClass()">
  <label>
    <input type="checkbox" #input
           [disabled]="isDisabled"
           [checked]="isChecked"
           [title]="title"
           [name]="name"
           [attr.id]="id"
           [attr.aria-label]="ariaLabel"
           [attr.aria-labelledby]="ariaLabelledBy"
           (change)="_onChangeEvent($event)"
           (click)="_onInputClick($event)">
    <span class="nj-switch__slider">
      <span class="nj-switch__slider-left">
        <ng-content select="[left-label]"></ng-content>
      </span>
      <span class="nj-switch__slider-right">
        <ng-content select="[right-label]"></ng-content>
      </span>
    </span>
  </label>
</div>