Number Stepper

Preview

About

A compact, standalone "− value +" pill, not tied to a text field. Unlike NumberField (a full field whose steppers replace typing), this is the lightweight control for quantity-picker contexts (cart item, servings, group size) where a whole field would be overkill.

• value / onChanged: controlled; without onChanged the control is disabled (steppers inactive).
• min (default 0) / max: bound the increment/decrement.
• step: increment per tap (default 1).
• size: sm (28px button, 14px icon) or md (34px button, 16px icon, default).
• semanticLabel: accessibility label (default "Quantity").

Every tap on the steppers triggers haptic feedback (KasyHaptics.selection).

Last updated on 08/23/2026