Code Monkey home page Code Monkey logo

react-number-format's Introduction

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

react-number-format's People

Contributors

3794 avatar ad1992 avatar am-niceday avatar andemerie avatar asosunoff avatar bokub avatar danielotieno avatar deltek-rossjackson avatar dependabot[bot] avatar electather avatar grsmto avatar horacehylee avatar justwalters avatar kolharsam avatar macobo avatar mvklingeren avatar naman03malhotra avatar natterstefan avatar nikhil-varma avatar oliviertassinari avatar pandaiolo avatar patsimm avatar racingrebel avatar rossjackson avatar s-yadav avatar sergei97k avatar serjobas avatar styks1987 avatar thanoozn avatar wojtekmaj avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.