Numeric stepper

v1.0

A control for editing a numeric value with buttons to decrease or increase the value.

  • Skin
  • Marko
  • React

Considerations

Friendly

Numeric stepper is interactive and provides subtle delight to the experience.

Control

The stepper gives quick control to adjust numeric values through tap or type.

Lightweight

Numeric steppers don’t dominate or interrupt the hierarchy. They fit neatly into a form or page content.

Anatomy

Properties

Behavior

Screen sizes

Best practices

Specs