Add step size example, and indicate in docs that it is supported

diff --git a/docs/pages/slider.md b/docs/pages/slider.md
index 7c22cea107fcc0a523aafbe5ffae0998bc2208bf..78ccc50f802e44bbab48785c01755b3cf408e397 100644 (file)
--- a/docs/pages/slider.md
+++ b/docs/pages/slider.md
@@ -94,6 +94,21 @@ To set it all up, create an `<input>` with an ID and add `aria-controls="id"` to
 
 ---
 
+Or with a step size:
+
+```html_example
+<div class="small-10 columns">
+  <div class="slider" data-slider data-initial-start="50" data-step="5">
+    <span class="slider-handle"  data-slider-handle role="slider" tabindex="1" aria-controls="sliderOutput2"></span>
+    <span class="slider-fill" data-slider-fill></span>
+  </div>
+</div>
+<div class="small-2 columns">
+  <input type="number" id="sliderOutput2">
+</div>
+```
+---
+
 ## Native Range Slider
 
 In Foundation 6.2, we introduced styles for `<input type="range">`, the native HTML element for range sliders. It's not supported in every browser, namely IE9 and some older mobile browsers. [View browser support for the range input type.](http://caniuse.com/#feat=input-range)

diff --git a/js/foundation.slider.js b/js/foundation.slider.js
index 5ef806c65c204469f8f4947aafb20aa458f847de..66468239fe1ff35b61c2832fbe626f91287aee49 100644 (file)
--- a/js/foundation.slider.js
+++ b/js/foundation.slider.js
@@ -436,8 +436,9 @@ Slider.defaults = {
    */
   end: 100,
   /**
-   * Minimum value change per change event. Not Currently Implemented!
-
+   * Minimum value change per change event.
+   * @option
+   * @example 1
    */
   step: 1,
   /**