mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 04:14:21 +08:00
docs(toggle): update usage examples
This commit is contained in:
@ -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>
|
||||||
```
|
```
|
||||||
|
@ -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>
|
||||||
|
Reference in New Issue
Block a user