Name | Modified | Size | Downloads / Week |
---|---|---|---|
Parent folder | |||
icons.tsx | 2023-08-30 | 813 Bytes | |
index.ts | 2023-08-30 | 66 Bytes | |
number-input.tsx | 2023-08-30 | 6.2 kB | |
use-attr-observer.ts | 2023-08-30 | 845 Bytes | |
use-number-input.ts | 2023-08-30 | 16.6 kB | |
use-spinner.ts | 2023-08-30 | 2.8 kB | |
Totals: 6 Items | 27.4 kB | 0 |
@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