JSPM

  • Created
  • Published
  • Downloads 1927382
  • Score
    100M100P100Q189414F
  • License MIT

React component to format number in an input or as a text.

Package Exports

  • react-number-format
  • react-number-format/dist/react-number-format
  • react-number-format/dist/react-number-format.cjs.js
  • react-number-format/dist/react-number-format.es.js
  • react-number-format/dist/react-number-format.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-number-format) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Actions Status

react-number-format

React Number format is a input formatter library with a sohpisticated and light weight caret engine.

Features

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

Install

npm

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';

Read the full documentation here

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

Migrate from v4 to v5

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

v4 doc

v4 Docs

Development

  • 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

Testing

Test cases are written in jasmine and run by karma

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

To run test : yarn test