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

docs(demos): form section outline

Browse Source
This commit is contained in:
Drew Rygh
2015-10-12 14:31:49 -05:00
parent 33ac1cc13b
commit c946d407db
8 changed files with 135 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
demos/component-docs/forms/fixed-inline.html Normal file
View File

@ -0,0 +1,26 @@
<ion-navbar *navbar>
<ion-title>Fixed Labels</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo">
<ion-list>
<ion-input fixed-label>
<ion-label>Username</ion-label>
<input type="text" value="">
</ion-input>
<ion-input fixed-label>
<ion-label>Password</ion-label>
<input type="password" value="">
</ion-input>
</ion-list>
<div padding>
<button primary block>Sign In</button>
</div>
</ion-content>

7
demos/component-docs/forms/floating.html Normal file
View File

@ -0,0 +1,7 @@
<ion-navbar *navbar>
<ion-title>Floating Labels</ion-title>
</ion-navbar>
<ion-content padding class="has-header components-demo">
</ion-content>

57
demos/component-docs/forms/forms.ts
View File

@ -23,3 +23,60 @@ export class FormsPage {
}
@Page({
templateUrl: 'forms/fixed-inline.html',
})
export class FixedInlinePage {
constructor() {
}
}
@Page({
templateUrl: 'forms/floating.html',
})
export class FloatingPage {
constructor() {
}
}
@Page({
templateUrl: 'forms/inline.html',
})
export class InlinePage {
constructor() {
}
}
@Page({
templateUrl: 'forms/inset.html',
})
export class InsetPage {
constructor() {
}
}
@Page({
templateUrl: 'forms/placeholder.html',
})
export class PlaceholderPage {
constructor() {
}
}
@Page({
templateUrl: 'forms/stacked.html',
})
export class StackedPage {
constructor() {
}
}

7
demos/component-docs/forms/inline.html Normal file
View File

@ -0,0 +1,7 @@
<ion-navbar *navbar>
<ion-title>Inline Labels</ion-title>
</ion-navbar>
<ion-content padding class="has-header components-demo">
</ion-content>

7
demos/component-docs/forms/inset.html Normal file
View File

@ -0,0 +1,7 @@
<ion-navbar *navbar>
<ion-title>Inset Labels</ion-title>
</ion-navbar>
<ion-content padding class="has-header components-demo">
</ion-content>

7
demos/component-docs/forms/placeholder.html Normal file
View File

@ -0,0 +1,7 @@
<ion-navbar *navbar>
<ion-title>Placeholders</ion-title>
</ion-navbar>
<ion-content padding class="has-header components-demo">
</ion-content>

7
demos/component-docs/forms/stacked.html Normal file
View File

@ -0,0 +1,7 @@
<ion-navbar *navbar>
<ion-title>Stacked Labels</ion-title>
</ion-navbar>
<ion-content padding class="has-header components-demo">
</ion-content>

18
demos/component-docs/helpers.ts
View File

@ -12,7 +12,15 @@ import {ButtonsPage,
ButtonsInComponentsPage} from './buttons/buttons';
import {CardsPage} from './cards/cards';
import {FormsPage} from './forms/forms';
import {FormsPage,
FixedInlinePage,
FloatingPage,
InlinePage,
InsetPage,
PlaceholderPage,
StackedPage} from './forms/forms';
import {IconsPage} from './icons/icons';
import {ListsPage} from './lists/lists';
import {MenusPage} from './menus/menus';
@ -41,7 +49,15 @@ export function getPageFor(hash) {
'button-sizes': ButtonSizesPage,
'icon-buttons': IconButtonsPage,
'cards': CardsPage,
'forms': FormsPage,
'fixed-inline-labels': FixedInlinePage,
'floating-labels': FloatingPage,
'inline-labels': InlinePage,
'inset-labels': InsetPage,
'placeholder-labels': PlaceholderPage,
'stacked-labels': StackedPage,
'icons': IconsPage,
'lists': ListsPage,
'menus': MenusPage,