javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(checkbox): update preview test to use slots

Browse Source
This commit is contained in:
Brandy Carney
2018-09-13 11:45:56 -04:00
parent 21d1f2e2dd
commit 44364198b8
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
core/src/components/checkbox/test/preview/index.html
View File

@ -21,62 +21,62 @@
<ion-content id="content" fullscreen>
<ion-item>
<ion-label>Default</ion-label>
<ion-checkbox checked></ion-checkbox>
<ion-checkbox slot="end" checked></ion-checkbox>
</ion-item>
<ion-item>
<ion-label>Primary</ion-label>
<ion-checkbox checked color="primary"></ion-checkbox>
<ion-checkbox slot="end" checked color="primary"></ion-checkbox>
</ion-item>
<ion-item>
<ion-label>Secondary</ion-label>
<ion-checkbox checked color="secondary"></ion-checkbox>
<ion-checkbox slot="end" checked color="secondary"></ion-checkbox>
</ion-item>
<ion-item>
<ion-label>Tertiary</ion-label>
<ion-checkbox checked color="tertiary"></ion-checkbox>
<ion-checkbox slot="end" checked color="tertiary"></ion-checkbox>
</ion-item>
<ion-item>
<ion-label>Success</ion-label>
<ion-checkbox checked color="success"></ion-checkbox>
<ion-checkbox slot="end" checked color="success"></ion-checkbox>
</ion-item>
<ion-item>
<ion-label>Warning</ion-label>
<ion-checkbox checked color="warning"></ion-checkbox>
<ion-checkbox slot="end" checked color="warning"></ion-checkbox>
</ion-item>
<ion-item>
<ion-label>Danger</ion-label>
<ion-checkbox checked color="danger"></ion-checkbox>
<ion-checkbox slot="end" checked color="danger"></ion-checkbox>
</ion-item>
<ion-item>
<ion-label>Light</ion-label>
<ion-checkbox checked color="light"></ion-checkbox>
<ion-checkbox slot="end" checked color="light"></ion-checkbox>
</ion-item>
<ion-item>
<ion-label>Medium</ion-label>
<ion-checkbox checked color="medium"></ion-checkbox>
<ion-checkbox slot="end" checked color="medium"></ion-checkbox>
</ion-item>
<ion-item>
<ion-label>Dark</ion-label>
<ion-checkbox checked color="dark"></ion-checkbox>
<ion-checkbox slot="end" checked color="dark"></ion-checkbox>
</ion-item>
<ion-item>
<ion-label>Unchecked by Default</ion-label>
<ion-checkbox></ion-checkbox>
<ion-checkbox slot="end"></ion-checkbox>
</ion-item>
<ion-item>
<ion-label>Disabled</ion-label>
<ion-checkbox disabled></ion-checkbox>
<ion-checkbox slot="end" disabled></ion-checkbox>
</ion-item>
</ion-content>