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.Features
- 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
Demos
See the many DEMO sections in the documentation.Install
Using
npm
npm install react-number-format
Using
yarn
yarn add react-number-format
Documentation
Read the full documentation here https://s-yadav.github.io/react-number-format/docs/introES6
Numeric Formatimport { NumericFormat } from 'react-number-format';
NumericFormat Props: https://s-yadav.github.io/react-number-format/docs/numericformat
Pattern Format
import { PatternFormat } from 'react-number-format';
PatternFormat Props: https://s-yadav.github.io/react-number-format/docs/patternformat
Migrate from v4 to v5
https://s-yadav.github.io/react-number-format/docs/migrationv4 doc
v4 DocsDevelopment
- Clone the repository or download the zip
npm i -g yarn
to download Yarnyarn
to install dependenciesyarn start
to run example server ()yarn test
to test changesyarn build
to bundle files
Testing
Test cases are written in jasmine and run by karmaTest files : /test/\*\/\*.spec.js
To run test :
yarn test