@chakra-ui/number-input

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

Usage no npm install needed!

<script type="module">
  import chakraUiNumberInput from 'https://cdn.skypack.dev/@chakra-ui/number-input';
</script>

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