javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

checkbox basic

Browse Source
This commit is contained in:
Adam Bradley
2015-03-27 14:53:28 -05:00
parent 1c8502b230
commit e49d275cd5
4 changed files with 0 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
src/components/checkbox/test/basic/main.html Normal file
View 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>

19
src/components/checkbox/test/basic/main.js Normal file
View File

@@ -0,0 +1,19 @@
import {bootstrap} from 'angular2/core';
import {Component, Template} from 'angular2/angular2';
import {View} from 'ionic2/components/view/view';
import {Content} from 'ionic2/components/content/content';
import {Icon} from 'ionic2/components/icon/icon';
@Component({ selector: '[ion-app]' })
@Template({
url: 'main.html',
directives: [View, Content, Icon]
})
class IonicApp {
constructor() {
console.log('IonicApp Start')
}
}
bootstrap(IonicApp)