Stepper

Stepper is a field allowing users to enter a numeric value and incrementally adjust it.

Component status

Component checklist

React documented

Flutter documented

Design

Is the design finished and component available in Figma library?

Up to date

React

Is new design vision part implemented using new tokens?

Up to date

Flutter

Is new design vision part implemented using new tokens?

Up to date

Introduction

A Stepper’s design enables users to adjust a numerical value quickly. The default initial value can be edited by typing inside the input or clicking the plus and minus buttons. It is especially. beneficial for adjusting small values, when values can be harmful, or when an increment is not equal to 1.

Stepper / Overview