Your bookmarks

InputStepper

Enables incremental changes of a counter within a form.

Input steppers come in handy for letting users change small amounts of something, such as the number of passengers on a trip. They can choose specific values to submit.

If users should change the counter in a separate context, consider using a Stepper.

Component status

Figma
On hold
Web (React)
Released
iOS (Swift)
n/a
Android (Kotlin)
n/a
Sketch
Released

Content structure

Label: provides a clear description of what users are adding/removing; value: displays the current value; decrement controller: decreases the value and to improve accessibility it's best to add a title describing the action; increment controller: increases the value and to improve accessibility it's best to add a title describing the action.