react-number-format

React Number Format is an input-formatter library with a sophisticated and light weight caret engine. It ensures that a user can only enter text that meets specific numeric or string patterns, and formats the input value for display.

$3

1. Prefix, suffix and thousands separator.
1. Input Masking.
1. Format number in an input or format as a simple text.
1. Custom pattern formatting.
1. Custom formatting handler.
1. Fully customizable

$3

See the many DEMO sections in the documentation.

$3


Using npm

``
npm install react-number-format
`

Using yarn

`
yarn add react-number-format
`

$3

Read the full documentation here
https://s-yadav.github.io/react-number-format/docs/intro

#### ES6

Numeric Format

`js
import { NumericFormat } from 'react-number-format';
`

NumericFormat Props: https://s-yadav.github.io/react-number-format/docs/numeric_format

Pattern Format

`js
import { PatternFormat } from 'react-number-format';
`

PatternFormat Props: https://s-yadav.github.io/react-number-format/docs/pattern_format

$3

https://s-yadav.github.io/react-number-format/docs/migration

$3

v4 Docs

$3

- Clone the repository or download the zip
- npm i -g yarn to download Yarn
- yarn to install dependencies
- yarn start to run example server ()
- yarn test to test changes
- yarn build to bundle files

#### Testing

Test cases are written in jasmine and run by karma

Test files : /test/\\/\*.spec.js

To run test : yarn test`