Slider
A component that allows the user to select a value from a fixed range of numbers.
Adding Slider Component
- Select the Slider component from the Components drawer. You can open the list of components by clicking the
+
button next to Components. - Then, add the Slider component from the Components tree.
- Go to the Data tab (third tab) in the Properties Panel.
- Now you can assign a custom value for the component to display and start using the Initial Values property.

Configuration Properties
Property | Description |
---|---|
Component name | To alter the name of the component. The name is reflected in the Components tree. Defaults to Slider. |
Step | Set the increment of the value. |
Min Value | Minimum value of the slider. |
Max Value | Maximum value of the slider. |
Left Icon | To add an icon at the beginning of Slider |
Right Icon | To add an icon at the end of Slider |
Min Track Color | The color used for the track to the left of the button. |
Max Track Color | The color used for the track to the right of the button. |
Thumb Color | The color used for the thumb. |
Data Configuration
Property | Description |
---|---|
Data Source | Initialize the stateful component with a value from a data source. Accept value: any numerical value depending on the max and min value defined in Configuration. |
Updated 7 months ago