InputNumber

When to use

Use when the field has a common default value and users make small adjustments. quantity selectors, number of items, percentages. Step buttons are best when deviation from the default is small.

When not to use

  • For phone numbers, zip codes, and credit cards, use InputText (these are text patterns, not quantities)
  • Wide value ranges with no common default (e.g. age). steppers require too many taps
  • Exact values like prices. users type faster than they step

Guidelines

  • Large buttons: Step buttons need minimum 1cm × 1cm for touch targets
  • Allow typing: Always combine steppers with a text input for flexibility
  • Show range: Make min/max and step values explicit

How it works