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