From aa0925003d11080c1ba70adac73261c925355504 Mon Sep 17 00:00:00 2001
From: Drew Rygh <drew.rygh@gmail.com>
Date: Mon, 12 Oct 2015 15:24:35 -0500
Subject: [PATCH] docs(demos): basic form examples

---
 demos/component-docs/forms/floating.html    | 20 +++++++++++++++++++-
 demos/component-docs/forms/inline.html      | 20 +++++++++++++++++++-
 demos/component-docs/forms/inset.html       | 18 +++++++++++++++++-
 demos/component-docs/forms/placeholder.html | 18 +++++++++++++++++-
 demos/component-docs/forms/stacked.html     | 19 ++++++++++++++++++-
 5 files changed, 90 insertions(+), 5 deletions(-)

diff --git a/demos/component-docs/forms/floating.html b/demos/component-docs/forms/floating.html
index e89a116fee..48e4d9113b 100644
--- a/demos/component-docs/forms/floating.html
+++ b/demos/component-docs/forms/floating.html
@@ -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>
diff --git a/demos/component-docs/forms/inline.html b/demos/component-docs/forms/inline.html
index 30e82fe7fc..3e401bc489 100644
--- a/demos/component-docs/forms/inline.html
+++ b/demos/component-docs/forms/inline.html
@@ -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>
diff --git a/demos/component-docs/forms/inset.html b/demos/component-docs/forms/inset.html
index 224911b1ed..d298c21334 100644
--- a/demos/component-docs/forms/inset.html
+++ b/demos/component-docs/forms/inset.html
@@ -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>
diff --git a/demos/component-docs/forms/placeholder.html b/demos/component-docs/forms/placeholder.html
index 666e06ab76..18833d875a 100644
--- a/demos/component-docs/forms/placeholder.html
+++ b/demos/component-docs/forms/placeholder.html
@@ -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>
diff --git a/demos/component-docs/forms/stacked.html b/demos/component-docs/forms/stacked.html
index d898073e69..0ec1d80ea6 100644
--- a/demos/component-docs/forms/stacked.html
+++ b/demos/component-docs/forms/stacked.html
@@ -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>