reduced widget demo set

docs/_pages/components.md

@@ -207,31 +207,18 @@ categories:
           - snippet_group:
             - caption: Text
               file: textfield-text.html
-            - caption: Number only
-              file: textfield-number.html
-            - caption: Disabled
-              file: textfield-disabled.html
+            - caption: Numberic
+              file: textfield-numeric.html
           - snippet_group:
             - caption: Floating text
               file: textfield-floating-text.html
-            - caption: Floating numbers
-              file: textfield-floating-numbers.html
-            - caption: Floating multiple lines
-              file: textfield-floating-multiline.html
+            - caption: Floating numeric
+              file: textfield-floating-numeric.html
           - snippet_group:
-            - caption: Three rows high
-              file: textfield-three-rows.html
-            - caption: Multiple expanding
-              file: textfield-multi-expand.html
-            - caption: At most 3 lines high 
-              file: textfield-limit-lines.html
-          - snippet_group:
-            - caption: Simple
-              file: textfield-simple.html
-            - caption: Floating label
-              file: textfield-floating-label.html
-            - caption: Right aligned 
-              file: textfield-right-aligned.html
+            - caption: Multiple line
+              file: textfield-multi-line.html
+            - caption: Expanding
+              file: textfield-expanding.html
   - name: tooltips
     title: Tooltips
     description: Useful information on hover.

src/textfield/snippets/textfield-disabled.html

@@ -1,7 +0,0 @@
-<!-- Disabled Textfield -->
-<form action="#">
-  <div class="mdl-textfield mdl-js-textfield">
-    <input class="mdl-textfield__input" type="text" disabled id="sample3" />
-    <label class="mdl-textfield__label" for="sample3">I'm Disabled</label>
-  </div>
-</form>

src/textfield/snippets/textfield-floating-label.html

@@ -1,7 +0,0 @@
-<!-- Simple Textfield -->
-<form action="#">
-  <div class="mdl-textfield mdl-js-textfield">
-    <input class="mdl-textfield__input" type="text" id="sample1" />
-    <label class="mdl-textfield__label" for="sample1">Type Something...</label>
-  </div>
-</form>

src/textfield/snippets/textfield-floating-multiline.html

@@ -1,7 +0,0 @@
-<!-- Floating Multiline Textfield -->
-<form action="#">
-  <div class="mdl-textfield mdl-js-textfield">
-    <textarea class="mdl-textfield__input" type="text" rows= "1" id="sample6" ></textarea>
-    <label class="mdl-textfield__label" for="sample6">Type multiple lines here...</label>
-  </div>
-</form>

src/textfield/snippets/textfield-floating-numeric.html

@@ -1,8 +1,8 @@
 <!-- Floating Numbers Textfield -->
 <form action="#">
   <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
-    <input class="mdl-textfield__input" type="text" pattern="[0-9]*" id="sample5" />
-    <label class="mdl-textfield__label" for="sample5">Numbers Only</label>
+    <input class="mdl-textfield__input" type="text" pattern="[0-9]*" id="sample4" />
+    <label class="mdl-textfield__label" for="sample4">Numbers Only</label>
     <span class="mdl-textfield__error">Input is not a number!</span>
   </div>
-</form>
+</form>

src/textfield/snippets/textfield-floating-text.html

@@ -1,8 +1,8 @@
 <!-- Floating Textfield -->
 
 <form action="#">
-  <div class="mdl-textfield mdl-js-textfield">
-    <input class="mdl-textfield__input" type="text" id="sample4" />
-    <label class="mdl-textfield__label" for="sample4">Text Input</label>
+  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
+    <input class="mdl-textfield__input" type="text" id="sample3" />
+    <label class="mdl-textfield__label" for="sample3">Text Input</label>
   </div>
-</form>
+</form>

src/textfield/snippets/textfield-limit-lines.html

@@ -1,7 +0,0 @@
-<!-- Simple Textfield -->
-<form action="#">
-  <div class="mdl-textfield mdl-js-textfield">
-    <input class="mdl-textfield__input" type="text" id="sample1" />
-    <label class="mdl-textfield__label" for="sample1">Type Something...</label>
-  </div>
-</form>

src/textfield/snippets/textfield-multi-expand.html

@@ -8,4 +8,4 @@
           <input class="mdl-textfield__input" type="text" id="sample-expandable" />
           <label class="mdl-textfield__label" for="sample-expandable">Expandable Input</label>
         </div>
-</form>
+</form>

src/textfield/snippets/textfield-multi-line.html

@@ -0,0 +1,7 @@
+<!-- Floating Multiline Textfield -->
+<form action="#">
+  <div class="mdl-textfield mdl-js-textfield">
+    <textarea class="mdl-textfield__input" type="text" rows= "3" id="sample5" ></textarea>
+    <label class="mdl-textfield__label" for="sample5">Type multiple lines here...</label>
+  </div>
+</form>

src/textfield/snippets/textfield-numeric.html

@@ -1,8 +1,8 @@
-<!-- Number Textfield -->
+<!-- Numeric Textfield -->
 <form action="#">
   <div class="mdl-textfield mdl-js-textfield">
     <input class="mdl-textfield__input" type="text" pattern="[0-9]*" id="sample2" />
     <label class="mdl-textfield__label" for="sample2">Numbers Only</label>
     <span class="mdl-textfield__error">Input is not a number!</span>
   </div>
-</form>
+</form>

src/textfield/snippets/textfield-right-aligned.html

@@ -1,7 +0,0 @@
-<!-- Simple Textfield -->
-<form action="#">
-  <div class="mdl-textfield mdl-js-textfield">
-    <input class="mdl-textfield__input" type="text" id="sample1" />
-    <label class="mdl-textfield__label" for="sample1">Type Something...</label>
-  </div>
-</form>

src/textfield/snippets/textfield-simple.html

@@ -4,4 +4,4 @@
     <input class="mdl-textfield__input" type="text" id="sample1" />
     <label class="mdl-textfield__label" for="sample1">Type Something...</label>
   </div>
-</form>
+</form>

src/textfield/snippets/textfield-text.html

@@ -1,7 +0,0 @@
-<!-- Simple Textfield -->
-<form action="#">
-  <div class="mdl-textfield mdl-js-textfield">
-    <input class="mdl-textfield__input" type="text" id="sample1" />
-    <label class="mdl-textfield__label" for="sample1">Type Something...</label>
-  </div>
-</form>

src/textfield/snippets/textfield-three-rows.html

@@ -1,7 +0,0 @@
-<!-- Floating Three Row Textfield -->
-<form action="#">
-  <div class="mdl-textfield mdl-js-textfield">
-    <textarea class="mdl-textfield__input" type="text" rows="3" id="sample7" ></textarea>
-    <label class="mdl-textfield__label" for="sample7">This input is 3 rows high</label>
-  </div>
-</form>