Slider: Added option examples.

Author: jzaefferer

entries/slider.xml

@@ -10,7 +10,7 @@
 	<note id="functional-css"/>
 	<added>1.5</added>
 	<options>
-		<option name="animate" default="false">
+		<option name="animate" default="false" example-value='"fast"'>
 			<desc>Whether to slide the handle smoothly when the user clicks on the slider track. Also accepts any valid <a href="//api.jquery.com/animate/#duration">animation duration</a>.</desc>
 			<type name="Boolean">
 				<desc>When set to <code>true</code>, the handle will animate with the default duration.</desc>
@@ -23,16 +23,16 @@
 			</type>
 		</option>
 		<xi:include href="../includes/widget-option-disabled.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
-		<option name="max" type="Number" default="100">
+		<option name="max" type="Number" default="100" example-value='50'>
 			<desc>The maximum value of the slider.</desc>
 		</option>
-		<option name="min" type="Number" default="0">
+		<option name="min" type="Number" default="0" example-value='10'>
 			<desc>The minimum value of the slider.</desc>
 		</option>
-		<option name="orientation" type="String" default='"horizontal"'>
+		<option name="orientation" type="String" default='"horizontal"' example-value='"vertical"'>
 			<desc>Determines whether the slider handles move horizontally (min on left, max on right) or vertically (min on bottom, max on top). Possible values: <code>"horizontal"</code>, <code>"vertical"</code>.</desc>
 		</option>
-		<option name="range" default="false">
+		<option name="range" default="false" example-value='true'>
 			<desc>Whether the slider represents a range.</desc>
 			<type name="Boolean">
 				<desc>If set to <code>true</code>, the slider will detect if you have two handles and create a stylable range element between these two.</desc>
@@ -41,13 +41,13 @@
 				<desc>Either <code>"min"</code> or <code>"max"</code>. A min range goes from the slider min to one handle. A max range goes from one handle to the slider max.</desc>
 			</type>
 		</option>
-		<option name="step" type="Number" default="1">
+		<option name="step" type="Number" default="1" example-value='5'>
 			<desc>Determines the size or amount of each interval or step the slider takes between the min and max. The full specified value range of the slider (max - min) should be evenly divisible by the step.</desc>
 		</option>
-		<option name="value" type="Number" default="0">
+		<option name="value" type="Number" default="0" example-value='10'>
 			<desc>Determines the value of the slider, if there's only one handle. If there is more than one handle, determines the value of the first handle.</desc>
 		</option>
-		<option name="values" type="Array" default='null'>
+		<option name="values" type="Array" default='null' example-value='[ 10, 25 ]'>
 			<desc>This option can be used to specify multiple handles. If the <a href="#option-range"><code>range</code></a> option is set to <code>true</code>, the length of <code>values</code> should be 2.</desc>
 		</option>
 	</options>