ng-toggle-button

Examples:

Default

Custom

ngModel: true

Disabled

In a formGroup

Active
Touched: false
Touched: true
Dirty: false
valid: true
invalid: false
pristine: true

Large

Another style


Custom values

ngModel: si

Two-way binding value

value: 1

Configure 


<ng-toggle
  [value]="1"
  [disabled]="false"
  [width]="50"
  [height]="25"
  [margin]="3"
  [fontSize]="10"
  [labels]="{
  "unchecked": "off",
  "checked": "on"
}"
  [color]="{
  "unchecked": "#BFCBD9",
  "checked": "#BFCBD9"
}"
  [switchColor]="{
  "checked": "#00a388",
  "unchecked": "red"
}"
  [values]="{
  "unchecked": 0,
  "checked": 1
}"
  [fontColor]="{
  "checked": "#fafafa",
  "unchecked": "#f45a32"
}">
</ng-toggle>
1