Stepper
A two-stage control to increase, decrease, or modify a value.
When to use
Suitable for inputting and adjusting the current value within a certain range.
Basic stepper
Price
Stepper size
There are three different height and width selection boxes: Large, Default, and Small, to accommodate different size layouts.
Price
Large: 48px
Price
Default:40px
Price
Small:32px
Stepper status
The selection box has 4 states: default, filled, disabled, focused.
Price
Default
24
Filled
24
Disable
Price
Focus
Maximum and minimum values
Display of maximum and minimum value status
999
0
To Designer
Component usage
Choose the outer layer of the component to switch states, sizes, etc.
Stepper, incrementer, numeric input box, fine-tuning, input number |