From 2f802733c9d803830f6a6979b7872a4f7bb2fe4f Mon Sep 17 00:00:00 2001
From: Maarten Brouwers <github.com@murb.nl>
Date: Sat, 12 Nov 2016 15:49:01 +0100
Subject: [PATCH] added an example to the docs

---
 docs/pages/slider.md | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/docs/pages/slider.md b/docs/pages/slider.md
index 78ccc50f8..71bfaa3de 100644
--- a/docs/pages/slider.md
+++ b/docs/pages/slider.md
@@ -130,3 +130,24 @@ It's possible to use both the JavaScript slider and the native slider in the sam
 - To disable the slider, add `disabled` as an attribute, instead of a class.
 - No support for vertical orientation.
 - No support for two handles.
+
+---
+
+## Non-linear value translation
+
+Sometimes not every value is of equal importance. In the example below, the slider focusses on the higher numbers by adding a `log`-type position value funtion.
+Alternatively there is also a `pow`-type position value function available, making the reverse possible.
+
+```html_example
+<div class="small-10 columns">
+<div class="slider" data-slider data-initial-start="50" data-step="1" data-position-value-function="log" data-non-linear-base="10">
+  <span class="slider-handle" data-slider-handle role="slider" tabindex="1" aria-controls="sliderOutputNonLinear"></span>
+</div>
+</div>
+<div class="small-2 columns">
+  <input type="number" id="sliderOutputNonLinear">
+</div>
+</div>
+```
+
+The nonLinearBase-option is optional and defaults to 10.
\ No newline at end of file
-- 
2.47.2