Name | Modified | Size | Downloads / Week |
---|---|---|---|
Parent folder | |||
icons.d.ts | 2023-08-30 | 230 Bytes | |
icons.d.ts.map | 2023-08-30 | 312 Bytes | |
index.d.ts | 2023-08-30 | 103 Bytes | |
index.d.ts.map | 2023-08-30 | 153 Bytes | |
number-input.d.ts | 2023-08-30 | 3.0 kB | |
number-input.d.ts.map | 2023-08-30 | 1.0 kB | |
use-attr-observer.d.ts | 2023-08-30 | 255 Bytes | |
use-attr-observer.d.ts.map | 2023-08-30 | 353 Bytes | |
use-number-input.d.ts | 2023-08-30 | 4.2 kB | |
use-number-input.d.ts.map | 2023-08-30 | 1.7 kB | |
use-spinner.d.ts | 2023-08-30 | 410 Bytes | |
use-spinner.d.ts.map | 2023-08-30 | 203 Bytes | |
Totals: 12 Items | 11.8 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