docs(demos): form section outline

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

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>

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>

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() {
}
}

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>

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>

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>

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>