An accessible numeric input alternative to <input type='number' />
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.
chakra-xui
yarn add @chakra-xui/number-input
# or
npm i @chakra-xui/number-inputimport {
NumberInput,
NumberInputField,
NumberInputStepper,
NumberIncrementStepper,
NumberDecrementStepper,
} from "@chakra-xui/react"// TO DO
730a2da1
Thanks @segunadebayo! - ## Pin Input
Fix issue where number input doesn't work when using with form libraries
that use ref as entry point to setting initial values (e.g React hook
form).
We improved useNumberInput to sync the initial values in the ref passed
to NumberInputField with the internal state.
Add support for custom shouldForwardProp function in the chakra factory
function.
d1bd91e1
Thanks @segunadebayo! - ## 🐛 Bug Fix
We've made it possible to override the type and pattern props passed to
NumberInputField or getInputProps. Fixed [#2755]
<NumberInput>
<NumberInputField type="number" pattern="-?[0-9]*" />
</NumberInput>Updated dependencies
[b8df0bf4,
123aaf59,
e73878ee,
29c0e45e]:
e1b095cd
#2217 Thanks
@silltho! - feat(number-input): uses props of
wrapping form-control
This change enables NumberInput to automatically derive various values from
a surrounding FormControl if found, similar to Input and Select.
Updated dependencies
[ff10bcec]:
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
Note: Version bump only for package @chakra-xui/number-input
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
Note: Version bump only for package @chakra-xui/number-input
Note: Version bump only for package @chakra-xui/number-input
Note: Version bump only for package @chakra-xui/number-input
Note: Version bump only for package @chakra-xui/number-input
Note: Version bump only for package @chakra-xui/number-input
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
Note: Version bump only for package @chakra-xui/number-input
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
Note: Version bump only for package @chakra-xui/number-input
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
Note: Version bump only for package @chakra-xui/number-input
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
Note: Version bump only for package @chakra-xui/number-input
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.