Navigation & Inputs · Inputs & Forms
Stepper Input (Number Input)
also known as Number input, Spinner input, Quantity selector, Numeric stepper
A stepper input is a small control combining a numeric field with increment and decrement buttons, letting users adjust a value in fixed steps. It is efficient when the expected value is close to a common default. It is ideal for small quantities where typing would be slower.
See it live — shadcn/ui · MUI · Ant Design
Don't confuse it with
A stepper input (with +/- buttons) adjusts a number; a stepper/wizard guides you through steps of a task. Unlike a slider it gives precise increments, and unlike a plain number text field it offers tap-to-change buttons.
In the wild
The quantity selector (– 1 +) on a shopping cart item.