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