Compact with steppers
Use stepper buttons or type a number.
Inline pair
Use stepper buttons or type a number.
Use stepper buttons or type a number.
Without steppers
Plain number field when steppers are not needed.
Step size & bounds
Use stepper buttons or type a number.
Table seats — even numbers only, 2 to 20.
Error
Use stepper buttons or type a number.
Maximum order is 5 items.
Disabled & read-only
Use stepper buttons or type a number.
Use stepper buttons or type a number.
Animation variants
animationVariant — click each control to compare press feedback.
Use stepper buttons or type a number.
Use stepper buttons or type a number.
Use stepper buttons or type a number.
Use stepper buttons or type a number.
Use stepper buttons or type a number.
Use stepper buttons or type a number.
Use stepper buttons or type a number.
Use stepper buttons or type a number.
API
| Prop | Required | Type | Default | Description |
|---|---|---|---|---|
| theme | Optional | SiteTheme | atelier | Visual theme. |
| showSteppers | Optional | boolean | true | Shows increment/decrement buttons. |
| step | Optional | number | 1 | Stepper increment amount. |
| min / max | Optional | number | — | Value bounds; steppers clamp to range. |
| label / hint / error | Optional | string | — | Field shell props. |
| animationVariant | Optional | PressAnimationVariant | default | Press animation — default, none, ripple, scale, sink, lift, pulse, or glow. |