Slider

A Slider is a control for selecting a value from a bounded linear range of values.

Overview

A Slider consists of a “thumb” image that the user moves between two extremes of a linear “track”. The ends of the track represent the minimum and maximum possible values, made visible with the Minimum and Maximum Labels. As the user moves the thumb, the Slider updates its bound value.

To ensure that the Slider control works when a user interacts with it, place the Slider in a component and bind the Value parameter to a Number component property. You can either create the property before you bind it or create the property directly in the control parameters in the Inspector panel.

You can also use the Step parameter to provide incremental steps along the path of the Slider. For example, if you have a Slider with a range of 0 to 100, and you set the Step value to 5, the Slider’s increments would be 0, 5, 10, and so on. The following example shows this approach, and also adds the Minimum and Maximum Value of the Slider.