react-numeral-input  

It is a very tiny component which is a replacement of HTML input element for post-editing format of number values.

ex. 1000000 -> 1,000,000


Live Demo

react-numeral-input

Dependency

* React.js
* Numeral.js

install

``shell
npm install react-numeral-input
`

Usage

`jsx
// replace original input from


// like this

`

Example

`jsx
let NumeralInput = require('react-numeral-input');

module.exports = React.createClass({
getInitialState() {
return {
numeralVal: 1000000
}
},
onChange(val){
this.setState( {numeralVal:val});
},
render() {
return (
value={this.state.numeralVal}
className="form-control"
placeholder=""
onChange={this.onChange} />
)
}
});
`

Options

`jsx

``

$3

Default: "0,0"

It is passed to configure numeral format, You can find more information from Numeral.js.

$3

Callback when value is changed, you will receieve unformated number (1000000 instead of 1,000,000).