react-numeric-component

React Number Component 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

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
7. Min & MAx

Install

Using npm

npm install react-numeric-component

Using yarn

yarn add react-numeric-component

ES6

Numeric Format

import { NumericFormat } from 'react-numeric-component';

Pattern Format

import { PatternFormat } from 'react-numeric-component';