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

docs(demos): add input and textarea demos

Browse Source 
references driftyco/ionic-site#397
This commit is contained in:
Brandy Carney
2016-02-05 11:42:52 -05:00
parent f25f316dff
commit d23df4280c
5 changed files with 83 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
demos/input/index.ts Normal file
View File

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

37
demos/input/main.html Normal file
View File

@ -0,0 +1,37 @@
<ion-toolbar>
<ion-title>Input</ion-title>
</ion-toolbar>
<ion-content>
<ion-list>
<ion-item>
<ion-label primary>Inline Label</ion-label>
<ion-input placeholder="Text Input"></ion-input>
</ion-item>
<ion-item>
<ion-label primary fixed>Fixed Label</ion-label>
<ion-input type="tel" placeholder="Tel Input"></ion-input>
</ion-item>
<ion-item>
<ion-input type="number" placeholder="Number Input with no label"></ion-input>
</ion-item>
<ion-item>
<ion-label primary stacked>Stacked Label</ion-label>
<ion-input type="email" placeholder="Email Input"></ion-input>
</ion-item>
<ion-item>
<ion-label primary stacked>Stacked Label</ion-label>
<ion-input type="password" placeholder="Password Input"></ion-input>
</ion-item>
<ion-item>
<ion-label primary floating>Floating Label</ion-label>
<ion-input></ion-input>
</ion-item>
</ion-list>
</ion-content>

6
demos/textarea/index.ts Normal file
View File

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

32
demos/textarea/main.html Normal file
View File

@ -0,0 +1,32 @@
<ion-toolbar>
<ion-title>Textarea</ion-title>
</ion-toolbar>
<ion-content>
<ion-list>
<ion-item>
<ion-label primary>Inline Label</ion-label>
<ion-textarea placeholder="Textarea"></ion-textarea>
</ion-item>
<ion-item>
<ion-label primary fixed>Fixed Label</ion-label>
<ion-textarea placeholder="Textarea"></ion-textarea>
</ion-item>
<ion-item>
<ion-textarea placeholder="Textarea with no label"></ion-textarea>
</ion-item>
<ion-item>
<ion-label primary stacked>Stacked Label</ion-label>
<ion-textarea placeholder="Textarea"></ion-textarea>
</ion-item>
<ion-item>
<ion-label primary floating>Floating Label</ion-label>
<ion-textarea></ion-textarea>
</ion-item>
</ion-list>
</ion-content>

2
ionic/components/input/input.ts
View File

@ -60,6 +60,7 @@ import {Platform} from '../../platform/platform';
* </ion-item>
* ```
*
* @demo /docs/v2/demos/input/
*/
@Component({
selector: 'ion-input',
@ -128,6 +129,7 @@ export class TextInput extends InputBase {
* </ion-item>
* ```
*
* @demo /docs/v2/demos/textarea/
*/
@Component({
selector: 'ion-textarea',