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

button tests

Browse Source
This commit is contained in:
Adam Bradley
2015-03-28 23:26:53 -05:00
parent 1986935680
commit 60e3383323
20 changed files with 244 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/button/test/basic/index.html
View File

@@ -1,44 +0,0 @@
<style>
[ion-app] {
display: block;
}
</style>
<div ion-app>
<p>
<a class="button button-light" href="#">a.light</a>
<button class="button button-light">button.light</button>
<button class="button button-light hover">hover</button>
<button class="button button-light activated">activated</button>
</p>
<p>
<a class="button button-stable" href="#">a.stable</a>
<button class="button button-stable">button.stable</button>
<button class="button button-stable hover">hover</button>
<button class="button button-stable activated">activated</button>
</p>
<p>
<a class="button button-positive" href="#">a.positive</a>
<button class="button button-positive">button.positive</button>
<button class="button button-positive hover">hover</button>
<button class="button button-positive activated">activated</button>
</p>
<p>
<a class="button button-assertive" href="#">a.assertive</a>
<button class="button button-assertive">button.assertive</button>
<button class="button button-assertive hover">hover</button>
<button class="button button-assertive activated">activated</button>
</p>
<p>
<a class="button button-dark" href="#">a.dark</a>
<button class="button button-dark">button.dark</button>
<button class="button button-dark hover">hover</button>
<button class="button button-dark activated">activated</button>
</p>
</div>

35
src/components/button/test/basic/main.html Normal file
View File

@@ -0,0 +1,35 @@
<p>
<a class="button button-light" href="#">a.light</a>
<button class="button button-light">button.light</button>
<button class="button button-light hover">hover</button>
<button class="button button-light activated">activated</button>
</p>
<p>
<a class="button button-stable" href="#">a.stable</a>
<button class="button button-stable">button.stable</button>
<button class="button button-stable hover">hover</button>
<button class="button button-stable activated">activated</button>
</p>
<p>
<a class="button button-positive" href="#">a.positive</a>
<button class="button button-positive">button.positive</button>
<button class="button button-positive hover">hover</button>
<button class="button button-positive activated">activated</button>
</p>
<p>
<a class="button button-assertive" href="#">a.assertive</a>
<button class="button button-assertive">button.assertive</button>
<button class="button button-assertive hover">hover</button>
<button class="button button-assertive activated">activated</button>
</p>
<p>
<a class="button button-dark" href="#">a.dark</a>
<button class="button button-dark">button.dark</button>
<button class="button button-dark hover">hover</button>
<button class="button button-dark activated">activated</button>
</p>

14
src/components/button/test/basic/main.js Normal file
View File

@@ -0,0 +1,14 @@
import {bootstrap} from 'angular2/core';
import {Component, Template} from 'angular2/angular2';
@Component({ selector: '[ion-app]' })
@Template({
url: 'main.html'
})
class IonicApp {
constructor() {
console.log('IonicApp Start')
}
}
bootstrap(IonicApp)