From d23df4280ccf1f303a18b43ce132acf02f61cc1b Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Fri, 5 Feb 2016 11:42:52 -0500
Subject: [PATCH] docs(demos): add input and textarea demos

references driftyco/ionic-site#397
---
 demos/input/index.ts            |  6 ++++++
 demos/input/main.html           | 37 +++++++++++++++++++++++++++++++++
 demos/textarea/index.ts         |  6 ++++++
 demos/textarea/main.html        | 32 ++++++++++++++++++++++++++++
 ionic/components/input/input.ts |  2 ++
 5 files changed, 83 insertions(+)
 create mode 100644 demos/input/index.ts
 create mode 100644 demos/input/main.html
 create mode 100644 demos/textarea/index.ts
 create mode 100644 demos/textarea/main.html

diff --git a/demos/input/index.ts b/demos/input/index.ts
new file mode 100644
index 0000000000..405e893db7
--- /dev/null
+++ b/demos/input/index.ts
@@ -0,0 +1,6 @@
+import {App} from 'ionic/ionic';
+
+@App({
+  templateUrl: 'main.html'
+})
+class ApiDemoApp {}
diff --git a/demos/input/main.html b/demos/input/main.html
new file mode 100644
index 0000000000..57c23cabbc
--- /dev/null
+++ b/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>
diff --git a/demos/textarea/index.ts b/demos/textarea/index.ts
new file mode 100644
index 0000000000..405e893db7
--- /dev/null
+++ b/demos/textarea/index.ts
@@ -0,0 +1,6 @@
+import {App} from 'ionic/ionic';
+
+@App({
+  templateUrl: 'main.html'
+})
+class ApiDemoApp {}
diff --git a/demos/textarea/main.html b/demos/textarea/main.html
new file mode 100644
index 0000000000..9dd4454949
--- /dev/null
+++ b/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>
diff --git a/ionic/components/input/input.ts b/ionic/components/input/input.ts
index c84c2d2634..e45406d2c6 100644
--- a/ionic/components/input/input.ts
+++ b/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',