Merge pull request #130 from Tryibion/slider-docs

Add slider docs

manual/toc.md

@@ -304,6 +304,7 @@
 ## [Controls](ui/controls/index.md)
 ### [Button](ui/controls/button.md)
 ### [CheckBox](ui/controls/checkbox.md)
+### [Slider](ui/controls/slider.md)
 ### [Image](ui/controls/image.md)
 ### [Label](ui/controls/label.md)
 ### [Dropdown](ui/controls/dropdown.md)

manual/ui/controls/index.md

@@ -6,6 +6,7 @@ Games created with Flax build UI using **controls**. Each control is an independ
 
 * [Button](button.md)
 * [CheckBox](checkbox.md)
+* [Slider](slider.md)
 * [Image](image.md)
 * [Label](label.md)
 * [Dropdown](dropdown.md)

manual/ui/controls/slider.md

@@ -0,0 +1,33 @@
+# Slider
+
+![Slider](media/slider.png)
+
+The **Slider** responds to a value changed event from the user to change a value.
+
+# Usage
+
+Here is a c# example of how to get and use a slider's `ValueChanged` event in a script:
+
+```cs
+public UIControl SliderUIControl;
+private Slider _slider;
+
+public override void OnStart()
+{
+    if (SliderUIControl)
+        _slider = SliderUIControl.Get<Slider>();
+    if (_slider != null)
+        _slider.ValueChanged += OnValueChanged;
+}
+
+private void OnValueChanged()
+{
+    Debug.Log($"Slider Value changed to {_slider.Value}");
+}
+
+public override void OnDestroy()
+{
+    if (_slider != null)
+        _slider.ValueChanged -= OnValueChanged;
+}
+```

manual/ui/index.md

@@ -13,6 +13,7 @@ The **UI** is one of the most important components of a game. The UI system in F
 * [Controls](controls/index.md)
  * [Button](controls/button.md)
  * [CheckBox](controls/checkbox.md)
+ * [Slider](controls/slider.md)
  * [Image](controls/image.md)
  * [Label](controls/label.md)
  * [Dropdown](controls/dropdown.md)