Stepper
Stepper
A basic stepper that allows the user to increase and decrease its value.
Adding Stepper component
- Select the Stepper component from the Components drawer. You can open the list of components by clicking the
+button next to Components. - Then, add the Stepper 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 Stepper. |
| Icon Size | Size of the icons ('-' and '+'). |
| Color | Color of the icons. |
| Minimum | Minimum number (Lower limit) |
| Maximum | Maximum number (Higher Limit0 |
Data
| Property | Description |
|---|---|
| Data Source | The initial value or the starting of the stepper. Initialize the stateful component with a value from a data source. Accept value: any numerical value. |
Updated about 1 year ago