mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 13:32:54 +08:00
checkbox basic
This commit is contained in:
92
src/components/checkbox/test/basic/main.html
Normal file
92
src/components/checkbox/test/basic/main.html
Normal file
@ -0,0 +1,92 @@
|
||||
|
||||
<div class="pane">
|
||||
|
||||
<div class="pane-container">
|
||||
|
||||
<div class="content" style="background: #efeff4">
|
||||
|
||||
<div class="list list-ios">
|
||||
|
||||
<div class="list-header">
|
||||
iOS Checkboxes
|
||||
</div>
|
||||
|
||||
<div class="list-content">
|
||||
|
||||
|
||||
|
||||
<div class="item checkbox ios-checkbox"
|
||||
role="checkbox"
|
||||
aria-checked="true"
|
||||
aria-invalid="false">
|
||||
|
||||
<div class="item-media media-checkbox">
|
||||
<icon class="ion-ios-circle-outline checkbox-off"></icon>
|
||||
<icon class="ion-ios-checkmark checkbox-on"></icon>
|
||||
</div>
|
||||
|
||||
<div class="item-content">
|
||||
|
||||
<div class="item-title">
|
||||
Apples
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="item checkbox ios-checkbox"
|
||||
role="checkbox"
|
||||
aria-checked="false"
|
||||
aria-invalid="false">
|
||||
|
||||
<div class="item-media media-checkbox">
|
||||
<icon class="ion-ios-circle-outline checkbox-off"></icon>
|
||||
<icon class="ion-ios-checkmark checkbox-on"></icon>
|
||||
</div>
|
||||
|
||||
<div class="item-content">
|
||||
|
||||
<div class="item-title">
|
||||
Bananas
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="item checkbox ios-checkbox"
|
||||
role="checkbox"
|
||||
aria-checked="true"
|
||||
aria-invalid="false">
|
||||
|
||||
<div class="item-media media-checkbox">
|
||||
<icon class="ion-ios-circle-outline checkbox-off"></icon>
|
||||
<icon class="ion-ios-checkmark checkbox-on"></icon>
|
||||
</div>
|
||||
|
||||
<div class="item-content">
|
||||
|
||||
<div class="item-title">
|
||||
Oranges
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
Reference in New Issue
Block a user