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.

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

See the many DEMO sections in the documentation.

Using npm

npm install react-number-format

Using yarn

yarn add react-number-format

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

Numeric Format

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

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

Pattern Format

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

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

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

v4 Docs

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

Test cases are written in jasmine and run by karma

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

To run test : yarn test