|
24 | 24 | </ion-toolbar> |
25 | 25 | </ion-header> |
26 | 26 |
|
27 | | - <ion-content fullscreen padding> |
| 27 | + <ion-content fullscreen> |
28 | 28 | <ion-list> |
29 | 29 | <ion-item> |
30 | | - <ion-label>Apple</ion-label> |
31 | | - <ion-toggle slot="start" name="apple" checked></ion-toggle> |
| 30 | + <ion-label>Blueberry</ion-label> |
| 31 | + <ion-toggle slot="start" name="blueberry" checked></ion-toggle> |
32 | 32 | </ion-item> |
33 | 33 |
|
34 | 34 | <ion-item> |
35 | | - <ion-label>Banana</ion-label> |
36 | | - <ion-toggle slot="start" name="banana" checked></ion-toggle> |
| 35 | + <ion-label>Apple</ion-label> |
| 36 | + <ion-toggle slot="start" name="apple" color="secondary" checked></ion-toggle> |
37 | 37 | </ion-item> |
38 | 38 |
|
39 | 39 | <ion-item> |
40 | | - <ion-label>Cherry, disabled</ion-label> |
41 | | - <ion-toggle slot="start" color="danger" name="cherry" disabled></ion-toggle> |
| 40 | + <ion-label>Grape</ion-label> |
| 41 | + <ion-toggle slot="start" name="grape" color="tertiary" checked></ion-toggle> |
42 | 42 | </ion-item> |
43 | 43 |
|
44 | 44 | <ion-item> |
45 | | - <ion-label>Grape, checked, disabled</ion-label> |
46 | | - <ion-toggle slot="start" id="grapeChecked" name="grape" checked disabled></ion-toggle> |
| 45 | + <ion-label>Kiwi</ion-label> |
| 46 | + <ion-toggle slot="start" name="kiwi" color="success" checked></ion-toggle> |
47 | 47 | </ion-item> |
48 | 48 |
|
49 | 49 | <ion-item> |
50 | | - <ion-label>Kiwi, (ionChange) Secondary color</ion-label> |
51 | | - <ion-toggle slot="start" color="secondary" (ionChange)="kiwiChange($event)"></ion-toggle> |
| 50 | + <ion-label>Orange</ion-label> |
| 51 | + <ion-toggle slot="start" name="banana" color="warning" checked></ion-toggle> |
52 | 52 | </ion-item> |
53 | 53 |
|
54 | 54 | <ion-item> |
55 | | - <ion-label>Strawberry, (ionChange) checked="true"</ion-label> |
56 | | - <ion-toggle slot="start" color="light" (ionChange)="strawberryChange($event)" checked="true"></ion-toggle> |
| 55 | + <ion-label>Cherry</ion-label> |
| 56 | + <ion-toggle slot="start" name="cherry" color="danger" checked></ion-toggle> |
57 | 57 | </ion-item> |
58 | 58 |
|
59 | 59 | <ion-item> |
60 | | - <ion-label>Checkbox right, checked, really long text that should ellipsis</ion-label> |
61 | | - <ion-toggle slot="end" color="danger" checked></ion-toggle> |
| 60 | + <ion-label>Banana</ion-label> |
| 61 | + <ion-toggle slot="start" name="banana" color="light" checked></ion-toggle> |
62 | 62 | </ion-item> |
63 | 63 |
|
64 | 64 | <ion-item> |
65 | | - <ion-label>Checkbox right side</ion-label> |
66 | | - <ion-toggle slot="end" checked></ion-toggle> |
| 65 | + <ion-label>Cantaloupe</ion-label> |
| 66 | + <ion-toggle slot="start" name="cantaloupe" color="medium" checked></ion-toggle> |
67 | 67 | </ion-item> |
68 | 68 |
|
69 | 69 | <ion-item> |
70 | | - <ion-label>Button w/ right side default icon, really long text that should ellipsis</ion-label> |
71 | | - <ion-icon name="information-circle" slot="end"></ion-icon> |
| 70 | + <ion-label>Blackberry</ion-label> |
| 71 | + <ion-toggle slot="start" name="blackberry" color="dark" checked></ion-toggle> |
72 | 72 | </ion-item> |
73 | 73 | </ion-list> |
74 | 74 | </ion-content> |
|
0 commit comments