docs(toggle): update usage examples

This commit is contained in:
Brandy Carney
2018-07-05 18:49:03 -04:00
parent 4c5bfdca01
commit a4659f03b4
2 changed files with 24 additions and 2 deletions

View File

@ -1,6 +1,22 @@
```html ```html
<ion-list> <!-- Default Toggle -->
<ion-toggle></ion-toggle>
<!-- Disabled Toggle -->
<ion-toggle disabled></ion-toggle>
<!-- Checked Toggle -->
<ion-toggle checked></ion-toggle>
<!-- Toggle Colors -->
<ion-toggle color="primary"></ion-toggle>
<ion-toggle color="secondary"></ion-toggle>
<ion-toggle color="danger"></ion-toggle>
<ion-toggle color="light"></ion-toggle>
<ion-toggle color="dark"></ion-toggle>
<!-- Toggles in a List -->
<ion-list>
<ion-item> <ion-item>
<ion-label>Pepperoni</ion-label> <ion-label>Pepperoni</ion-label>
<ion-toggle [(ngModel)]="pepperoni"></ion-toggle> <ion-toggle [(ngModel)]="pepperoni"></ion-toggle>
@ -15,6 +31,5 @@
<ion-label>Mushrooms</ion-label> <ion-label>Mushrooms</ion-label>
<ion-toggle [(ngModel)]="mushrooms"></ion-toggle> <ion-toggle [(ngModel)]="mushrooms"></ion-toggle>
</ion-item> </ion-item>
</ion-list> </ion-list>
``` ```

View File

@ -1,14 +1,21 @@
```html ```html
<!-- Default Toggle -->
<ion-toggle></ion-toggle> <ion-toggle></ion-toggle>
<!-- Disabled Toggle -->
<ion-toggle disabled></ion-toggle> <ion-toggle disabled></ion-toggle>
<!-- Checked Toggle -->
<ion-toggle checked></ion-toggle> <ion-toggle checked></ion-toggle>
<!-- Toggle Colors -->
<ion-toggle color="primary"></ion-toggle> <ion-toggle color="primary"></ion-toggle>
<ion-toggle color="secondary"></ion-toggle> <ion-toggle color="secondary"></ion-toggle>
<ion-toggle color="danger"></ion-toggle> <ion-toggle color="danger"></ion-toggle>
<ion-toggle color="light"></ion-toggle> <ion-toggle color="light"></ion-toggle>
<ion-toggle color="dark"></ion-toggle> <ion-toggle color="dark"></ion-toggle>
<!-- Toggles in a List -->
<ion-list> <ion-list>
<ion-item> <ion-item>
<ion-label>Pepperoni</ion-label> <ion-label>Pepperoni</ion-label>