Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@chakra-ui/number-input

chakra-ui2mMIT2.1.2TypeScript support: included

An accessible numeric input alternative to <input type='number' />

theme, theming, chakra ui, accessible, input, input number, numeric input, stepper input, input, number, spinner, spin button

readme

@chakra-ui/number-input

The NumberInput component is similar to the Input, but it has controls for incrementing or decrementing numeric values.

It follows the WAI-ARIA authoring practices for the Spinbutton widget.

Installation

yarn add @chakra-ui/number-input

# or

npm i @chakra-ui/number-input

Import components

import {
  NumberInput,
  NumberInputField,
  NumberInputStepper,
  NumberIncrementStepper,
  NumberDecrementStepper,
} from "@chakra-ui/react"

Usage

// TO DO