category: packages

ui-number-input

A low-level controlled number input component that only handles rendering. All behavior (stepping, number parsing, localization, etc.) should be handled by a wrapper component.

Components

• NumberInput

Installation

npm install @instructure/ui-number-input

Usage

import React from 'react'
import { NumberInput } from '@instructure/ui-number-input'

const MyNumber = () => {
  return (
    <NumberInput
      label="..."
      onChange={...}
      onDecrement={...}
      onIncrement={...}
      value={...}
    />
  )
}

For detailed usage and documentation, see NumberInput examples.