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

docs(demos): basic form examples

Browse Source
This commit is contained in:
Drew Rygh
2015-10-12 15:24:35 -05:00
parent c946d407db
commit aa0925003d
5 changed files with 90 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
demos/component-docs/forms/floating.html
View File

@@ -2,6 +2,24 @@
<ion-title>Floating Labels</ion-title>
</ion-navbar>
<ion-content padding class="has-header components-demo">
<ion-content class="has-header components-demo">
<ion-list>
<ion-input floating-label>
<ion-label>Username</ion-label>
<input type="text" value="">
</ion-input>
<ion-input floating-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>

20
demos/component-docs/forms/inline.html
View File

@@ -2,6 +2,24 @@
<ion-title>Inline Labels</ion-title>
</ion-navbar>
<ion-content padding class="has-header components-demo">
<ion-content class="has-header components-demo">
<ion-list>
<ion-input>
<ion-label>Username</ion-label>
<input type="text" value="">
</ion-input>
<ion-input>
<ion-label>Password</ion-label>
<input type="password" value="">
</ion-input>
</ion-list>
<div padding>
<button primary block>Sign In</button>
</div>
</ion-content>

18
demos/component-docs/forms/inset.html
View File

@@ -2,6 +2,22 @@
<ion-title>Inset Labels</ion-title>
</ion-navbar>
<ion-content padding class="has-header components-demo">
<ion-content class="has-header components-demo">
<ion-list inset>
<ion-input>
<ion-label>Username</ion-label>
<input type="text" value="">
</ion-input>
<ion-input>
<ion-label>Password</ion-label>
<input type="password" value="">
</ion-input>
</ion-list>
<div padding>
<button primary block>Sign In</button>
</div>
</ion-content>

18
demos/component-docs/forms/placeholder.html
View File

@@ -2,6 +2,22 @@
<ion-title>Placeholders</ion-title>
</ion-navbar>
<ion-content padding class="has-header components-demo">
<ion-content class="has-header components-demo">
<ion-list>
<ion-input>
<input type="text" placeholder="Username">
</ion-input>
<ion-input>
<input type="password" placeholder="Password">
</ion-input>
</ion-list>
<div padding>
<button primary block>Sign In</button>
</div>
</ion-content>

19
demos/component-docs/forms/stacked.html
View File

@@ -2,6 +2,23 @@
<ion-title>Stacked Labels</ion-title>
</ion-navbar>
<ion-content padding class="has-header components-demo">
<ion-content class="has-header components-demo">
<ion-list>
<ion-input stacked-label>
<ion-label>Username</ion-label>
<input type="text">
</ion-input>
<ion-input stacked-label>
<ion-label>Password</ion-label>
<input type="password">
</ion-input>
</ion-list>
<div padding>
<button primary block>Sign In</button>
</div>
</ion-content>