NumberInput

Number input field with increment/decrement controls and range validation

Basic Number Input

Simple number input with increment/decrement buttons

Show Code

Number Input with Range

Number input with min/max constraints

Show Code

Number Input Sizes

Different number input sizes

Show Code

Number Input States

Different input states and colors

Show Code

Usage Notes

  • Use min/max props to enforce value constraints
  • Step prop controls increment/decrement amount
  • Increment/decrement buttons respect min/max limits
  • Shows numeric keyboard on mobile devices
  • Consider using for any numeric data entry