Skip to Content
SmartUI

Number Stepper

Increase or decrease a small number.

Usage

import { NumberStepper } from '@smartui/react';
import '@smartui/react/styles.css';

When to use

  • Small counts under about twenty.

When not to use

  • Large or free numbers. Use Field.

Props

PropTypeDefaultDescription
labelstringrequired
value, defaultValue, onChangenumber, number, (v) => void-
minValue, maxValue, stepnumber-

Accessibility

  • Arrow up and down change the value. The value can also be typed.

On this page