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

floating labels

Browse Source
This commit is contained in:
Adam Bradley
2015-09-04 12:37:20 -05:00
parent b44c46dc59
commit f60084f16e
7 changed files with 120 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
ionic/components/text-input/test/floating-labels/e2e.ts Normal file
View File

@ -0,0 +1 @@

7
ionic/components/text-input/test/floating-labels/index.ts Normal file
View File

@ -0,0 +1,7 @@
import {App} from 'ionic/ionic';
@App({
templateUrl: 'main.html'
})
class E2EApp {}

61
ionic/components/text-input/test/floating-labels/main.html Normal file
View File

@ -0,0 +1,61 @@
<ion-toolbar><ion-title>Floating Label Text Input</ion-title></ion-toolbar>
<ion-content>
<ion-list inset>
<ion-input floating-label>
<ion-label>Floating Label 1</ion-label>
<input type="text">
</ion-input>
<ion-input floating-label class="has-value">
<ion-label>Floating Label 2</ion-label>
<input value="Has Value" type="text">
</ion-input>
<ion-input floating-label>
<ion-label>Floating Label 3</ion-label>
<input type="number">
</ion-input>
<ion-input floating-label>
<ion-label>Floating Label 4</ion-label>
<textarea></textarea>
</ion-input>
<ion-input floating-label>
<ion-label>Floating Label 5</ion-label>
<input type="url">
</ion-input>
<ion-input floating-label>
<ion-label>Floating Label 6</ion-label>
<input type="email">
</ion-input>
<ion-input floating-label>
<ion-label>Floating Label 7</ion-label>
<textarea></textarea>
</ion-input>
<ion-input floating-label>
<ion-label>Floating Label 8</ion-label>
<input type="text">
</ion-input>
<ion-input floating-label>
<ion-label>Floating Label 9</ion-label>
<input type="number">
</ion-input>
<ion-input floating-label>
<ion-label>Floating Label 10</ion-label>
<textarea></textarea>
</ion-input>
</ion-list>
</ion-content>