react-input-currency v1.0.10

react-input-currency

Install

npm install --save react-input-currency

Usage

import React, { Component } from 'react'

import InputCurrency from 'react-input-currency'

class Example extends Component {
  constructor() {
    super();
    this.state = {
      value: '20',
    }
  }
  render () {
    return (
      <InputCurrency 
        value={this.state.value}
        onChange={({ value }) => this.setState({ value })}
      />
    );
  }
}

Styling

If you want the text aligned right:

.style {
	text-align: right;
}
...
<InputCurrency className={style} {...props}  />

Props

Mask props

Example

const maskProps = {
	decimal: ',',
	prefix: 'R$',
	thousands: '.'
}

<InputCurrency {...maskProps}  />

Will give the mask R$ 2.500,00

License

MIT © alom2