StepperThe Stepper lets users easily increase or decrease a value by small amounts. Steppers are best used when the user needs to adjust the value by small increments.
- Overview
- Dev
Usage Examples
Styles
| Style | Preview |
|---|---|
| Default Primarily used in form screens, typically within list items. | |
| Floating Ideal to be used over images, such as when adding multiple items to a cart. |
SizesRelevant only for the default style.
| Size | Preview |
|---|---|
| Large | |
| Small |
States
| State | Default | Floating |
|---|---|---|
| Active | ||
| Disabled | ||
| Reached min value | ||
| Reached max value |
Spec
PlaygroundCode Example
APIThis is the list of additional props for the component