add snippet demos to sliders component page

docs/_pages/components.md

@@ -171,6 +171,12 @@ categories:
     components:
       - name: slider
         class: mdl-slider
+        snippets:
+          - snippet_group:
+            - caption: Default slider
+              file: slider-default.html
+            - caption: Starting value
+              file: slider-starting-value.html
   - name: toggles
     title: Toggles
     description: Choose between states.

src/slider/snippets/demo.html

@@ -7,12 +7,4 @@
       <input class="mdl-slider mdl-js-slider" type="range"
         min="0" max="100" value="10" tabindex="0"/>
     </p>
-    <p>
-      <input class="mdl-slider mdl-js-slider" type="range"
-        min="0" max="100" value="0" tabindex="0" disabled/>
-    </p>
-    <p>
-      <input class="mdl-slider mdl-js-slider" type="range"
-        min="0" max="100" value="10" tabindex="0" disabled/>
-    </p>
   </div>

src/slider/snippets/slider-default.html

@@ -0,0 +1,3 @@
+<!-- Default Slider -->
+<input class="mdl-slider mdl-js-slider" type="range"
+  min="0" max="100" value="0" tabindex="0"/>

src/slider/snippets/slider-starting-value.html

@@ -0,0 +1,3 @@
+<!-- Slider with Starting Value -->
+<input class="mdl-slider mdl-js-slider" type="range"
+  min="0" max="100" value="25" tabindex="0"/>