docs(demos): add input and textarea demos

references ionic-team/ionic-site#397

Author: brandyscarney

demos/input/index.ts

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

demos/input/main.html

@@ -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>

demos/textarea/index.ts

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

demos/textarea/main.html

@@ -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>

ionic/components/input/input.ts

@@ -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',