mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
64 lines
1.6 KiB
HTML
64 lines
1.6 KiB
HTML
|
|
<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>
|