Back to components
Numeric Stepper
Use the numeric stepper when you want the users to step numbers.
18 +
18 +
The number of bedrooms in your house
< 18
Table of Contents
Edit this section, Opens in new windowOverview
There is currently no documentation for this section yet. However, there might be some more documentation after this section.
Contact the Design System team, Opens in new window for questions.
If you want to contribute, you can also add the documentation yourself!, Opens in new window
Usage
Use the numeric stepper when you want the users to step numbers.
Behaviours
Many of the behaviours for this input control is inherited of the default component.
Modifiers
Disabled
18 +
Large
You can also have a large Numeric Stepper
Anatomy
18 +
18 +
- Decrease
- Label
- Help text
- Increase
Specs
18 +
18 +
The Large Numeric Stepper takes the width of the container and auto left and right margins.