This sample demonstrates the rendering of Slider component with limits. Drag the thumb over the bar for selecting the values between assigned limit values. Change the values in the property pane to set different limit values.
The limits are used to limit between certain range. When the limits are assigned, draggable limited area will be in the dark shadow color of the current theme. The limits APIs are explained below.
|minStart||- Used to set minimum limit value for first handle.|
|minEnd||- Used to set maximum limit value for first handle.|
|maxStart||- Used to set minimum limit value for second handle.|
|maxEnd||- Used to set maximum limit value for first handle.|
|startHandleFixed||- Used to lock the first handle in the current position.|
|endHandleFixed||- Used to lock the second handle in the current position.|
In this demo, Limits with MinRange and range Slider is demonstrated.
For more information, refer to the limits section from the documentation.