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.
- Prefix, suffix and thousands separator.
- Input Masking.
- Format number in an input or format as a simple text.
- Custom pattern formatting.
- Custom formatting handler.
- 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
- Clone the repository or download the zip
npm i -g yarn
to download Yarnyarn
to install dependenciesyarn start
to run example server (http:https://localhost:8084/)yarn test
to test changesyarn build
to bundle files
Test cases are written in jasmine and run by karma
Test files : /test/**/*.spec.js
To run test : yarn test