javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 11:41:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(demos): give each component section its own view

Browse Source
This commit is contained in:
Drew Rygh
2015-10-08 10:01:13 -05:00
parent c3eed60d22
commit dcebbeaf56
40 changed files with 985 additions and 276 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
demos/component-docs/buttons/block.html Normal file
View File

@ -0,0 +1,26 @@
<ion-navbar *navbar>
<ion-title>Block Buttons</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo padding">
<p>
<button block>Default</button>
</p>
<p>
<button secondary block>Secondary</button>
</p>
<p>
<button danger block>Danger</button>
</p>
<p>
<button light block>Light</button>
</p>
<p>
<button dark block>Dark</button>
</p>
</ion-content>

27
demos/component-docs/buttons/buttons.html Normal file
View File

@ -0,0 +1,27 @@
<ion-navbar *navbar>
<ion-title>Buttons</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo padding">
<p>
<button>Default</button>
</p>
<p>
<button secondary>Secondary</button>
</p>
<p>
<button danger>Danger</button>
</p>
<p>
<button light>Light</button>
</p>
<p>
<button dark>Dark</button>
</p>
</ion-content>

73
demos/component-docs/buttons/buttons.ts Normal file
View File

@ -0,0 +1,73 @@
import {IonicPlatform, IonicView} from 'ionic/ionic';
@IonicView({
templateUrl: 'buttons/buttons.html',
})
export class ButtonsPage {
constructor() {
}
}
@IonicView({
templateUrl: 'buttons/block.html',
})
export class BlockButtonsPage {
constructor() {
}
}
@IonicView({
templateUrl: 'buttons/full.html',
})
export class FullButtonsPage {
constructor() {
}
}
@IonicView({
templateUrl: 'buttons/outline.html',
})
export class OutlineButtonsPage {
constructor() {
}
}
@IonicView({
templateUrl: 'buttons/round.html',
})
export class RoundButtonsPage {
constructor() {
}
}
@IonicView({
templateUrl: 'buttons/fab.html',
})
export class FabPage {
constructor() {
}
}
@IonicView({
templateUrl: 'buttons/sizes.html',
})
export class ButtonSizesPage {
constructor() {
}
}
@IonicView({
templateUrl: 'buttons/icons.html',
})
export class IconButtonsPage {
constructor() {
}
}

15
demos/component-docs/buttons/fab.html Normal file
View File

@ -0,0 +1,15 @@
<ion-navbar *navbar>
<ion-title>Floating Action Buttons</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo">
<p>
<button fab fab-top fab-right>
<icon add></icon>
</button>
</p>
</ion-content>

29
demos/component-docs/buttons/full.html Normal file
View File

@ -0,0 +1,29 @@
<ion-navbar *navbar>
<ion-title>Full Buttons</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo">
<p>
<button full>Default</button>
</p>
<p>
<button secondary full>Secondary</button>
</p>
<p>
<button danger full>Danger</button>
</p>
<p>
<button light full>Light</button>
</p>
<p>
<button dark full>Dark</button>
</p>
</ion-content>

44
demos/component-docs/buttons/icons.html Normal file
View File

@ -0,0 +1,44 @@
<ion-navbar *navbar>
<ion-title>Icon Buttons</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo padding">
<p>
<button>
<icon home></icon>
Home
</button>
</p>
<p>
<button secondary>
<icon people></icon>
Friends
</button>
</p>
<p>
<button danger>
<icon close></icon>
</button>
</p>
<p>
<button light>
<icon arrow-back></icon>
Back
</button>
</p>
<p>
<button dark>
<icon hammer></icon>
</button>
</p>
</ion-content>

29
demos/component-docs/buttons/outline.html Normal file
View File

@ -0,0 +1,29 @@
<ion-navbar *navbar>
<ion-title>Outline Buttons</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo padding">
<p>
<button outline>Default</button>
</p>
<p>
<button secondary outline>Secondary</button>
</p>
<p>
<button danger outline>Danger</button>
</p>
<p>
<button light outline>Light</button>
</p>
<p>
<button dark outline>Dark</button>
</p>
</ion-content>

29
demos/component-docs/buttons/round.html Normal file
View File

@ -0,0 +1,29 @@
<ion-navbar *navbar>
<ion-title>Round Buttons</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo padding">
<p>
<button round>Default</button>
</p>
<p>
<button secondary round>Secondary</button>
</p>
<p>
<button danger round>Danger</button>
</p>
<p>
<button light round>Light</button>
</p>
<p>
<button dark round>Dark</button>
</p>
</ion-content>

29
demos/component-docs/buttons/sizes.html Normal file
View File

@ -0,0 +1,29 @@
<ion-navbar *navbar>
<ion-title>Button Sizes</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo padding">
<p>
<button small>Default</button>
</p>
<p>
<button secondary small>Secondary</button>
</p>
<p>
<button danger small>Danger</button>
</p>
<p>
<button light large>Light</button>
</p>
<p>
<button dark large>Dark</button>
</p>
</ion-content>