mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 04:14:21 +08:00
switch updates
This commit is contained in:
63
ionic/components/switch/test/basic/main2.html
Normal file
63
ionic/components/switch/test/basic/main2.html
Normal file
@ -0,0 +1,63 @@
|
||||
|
||||
<ion-toolbar><ion-title>Switches</ion-title></ion-toolbar>
|
||||
|
||||
|
||||
<ion-content>
|
||||
|
||||
<form (^submit)="doSubmit($event)" [ng-form-model]="fruitsForm">
|
||||
|
||||
<ion-list>
|
||||
|
||||
<div class="item switch" mode="ios">
|
||||
<div class="item-content">
|
||||
Unchecked
|
||||
</div>
|
||||
<div class="item-media media-switch">
|
||||
<div class="switch-icon">
|
||||
<div class="switch-track"></div>
|
||||
<div class="switch-handle"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item switch" mode="ios">
|
||||
<div class="item-content">
|
||||
Unchecked activated
|
||||
</div>
|
||||
<div class="item-media media-switch activated">
|
||||
<div class="switch-icon">
|
||||
<div class="switch-track"></div>
|
||||
<div class="switch-handle"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item switch" mode="ios" aria-checked="true">
|
||||
<div class="item-content">
|
||||
Checked
|
||||
</div>
|
||||
<div class="item-media media-switch">
|
||||
<div class="switch-icon">
|
||||
<div class="switch-track"></div>
|
||||
<div class="switch-handle"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item switch" mode="ios" aria-checked="true">
|
||||
<div class="item-content">
|
||||
Checked activated
|
||||
</div>
|
||||
<div class="item-media media-switch activated">
|
||||
<div class="switch-icon">
|
||||
<div class="switch-track"></div>
|
||||
<div class="switch-handle"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</ion-list>
|
||||
|
||||
</form>
|
||||
|
||||
</ion-content>
|
Reference in New Issue
Block a user