Name | Modified | Size | Downloads / Week |
---|---|---|---|
Parent folder | |||
declarations | 2023-08-29 | ||
chakra-ui-number-input.cjs.d.ts | 2023-08-30 | 42 Bytes | |
chakra-ui-number-input.cjs.dev.js | 2023-08-30 | 29.0 kB | |
chakra-ui-number-input.cjs.js | 2023-08-30 | 206 Bytes | |
chakra-ui-number-input.cjs.prod.js | 2023-08-30 | 29.0 kB | |
chakra-ui-number-input.esm.js | 2023-08-30 | 27.7 kB | |
Totals: 6 Items | 86.0 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