1<!-- Default Toggle -->
2<ion-toggle></ion-toggle>
3
4<!-- Disabled Toggle -->
5<ion-toggle disabled></ion-toggle>
6
7<!-- Checked Toggle -->
8<ion-toggle checked></ion-toggle>
9
10<!-- Toggle Colors -->
11<ion-toggle color="primary"></ion-toggle>
12<ion-toggle color="secondary"></ion-toggle>
13<ion-toggle color="danger"></ion-toggle>
14<ion-toggle color="light"></ion-toggle>
15<ion-toggle color="dark"></ion-toggle>
16
17<!-- Toggles in a List -->
18<ion-list>
19 <ion-item>
20 <ion-label>Pepperoni</ion-label>
21 <ion-toggle [(ngModel)]="pepperoni"></ion-toggle>
22 </ion-item>
23
24 <ion-item>
25 <ion-label>Sausage</ion-label>
26 <ion-toggle [(ngModel)]="sausage" disabled="true"></ion-toggle>
27 </ion-item>
28
29 <ion-item>
30 <ion-label>Mushrooms</ion-label>
31 <ion-toggle [(ngModel)]="mushrooms"></ion-toggle>
32 </ion-item>
33</ion-list>