@yaireo/react-number-input
v2.0.0
Published
<p align="center"> <a href='https://yaireo.github.io/react-number-input/'> <img src="./demo.gif?sanitize=true" alt="converts input type number to locale string and back"/> </a> <p>
Downloads
27
Maintainers
Readme
Converts an <input type"number">
to a nicely-printed locale-based string when the input field
has no focus, and when it receives focus, the input field reverts back to type number
so it could be edited easily.
Supports currency transformation (AKA money) based on Number.prototype.toLocaleString.
Install
npm i @yaireo/react-number-input -s
Example usage (with currency)
import NumberInput from '@yaireo/react-number-input'
const MyComponent = () => (
<NumberInput localeOptions={{
maximumFractionDigits:2,
currency:"USD",
style:"currency",
currencyDisplay:"symbol"
}}
/>
)
Props
Prop | Type | Default | Info
----------------------- | ------------------------- |:-----------:| -------------------------------------------------
placeholder | string
| |
name | string
| |
inputMode | string
|"decimal"
| MDN docs
onChange | function
| |
defaultValue | number
| ""
|
localeOptions | Object
| | MDN docs