@instructure/ui-number-input

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.

Changelog

10.23.0 (2025-07-09)

Bug Fixes

• ui-heading: fix aria-label not passing when set (6ac2fc5)

Features

• ui-table: add setHoverStateTo to control the hover state of the Table's row (60001cd)