Stepper

A Stepper is a control that performs increment and decrement actions.

Overview

A Stepper consists of two buttons that a user can click on to increment or decrement a value by 1.

To ensure that the Stepper control works when a user taps it, place the Stepper in a component and bind the Value parameter to a Number component property. You can either create the property before you bind it or create the property directly in the control parameters in the Inspector panel.

You can add Minimum and/or Maximum Values so that users operate the Stepper strictly over a prescribed range. You can also use the Step parameter to increment or decrement by specific amounts over a Stepper’s range of possible values.

For example, if you have a Stepper with a range of 0 to 10, and you set the Step value to 2, the Stepper’s increments would be 0, 2, 4, and so on.