Getting started
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
ES6
Numeric Format
import { NumericFormat } from 'react-number-format';
Pattern Format
import { PatternFormat } from 'react-number-format';