README

React Number Input

Best component library to provide great developer and user experience for number inputs.

Still in development

npm peer dependency version npm npm David

Installation

with npm

npm i @beroburny/react-number-input

with yarn

yarn add @beroburny/react-number-input

Component's

`FormattedNumberInput` (alias `CurrencyInput`)

Provide formatted values to provide better visual representation of imputed number.
(format number 10000000.3 to be like 10,000,000.30)

Props

Props	Required	Type
value	✓	number
separatorType		'eu' or 'us'
minimumFractionDigits		number
maximumFractionDigits		number
onChange		(value: number) => void

and standard props from input field

Basic usage

import React from 'react';
import ReactDOM from 'react-dom';
import {CurrencyInput} from '@beroburny/react-number-input';

const App = () => {
  const [value, setValue] = React.useState(0);

  return (<CurrencyInput value={value} onChange={setValue} />);
};

ReactDOM.render(<App />, document.getElementById('root'));

Changelog (latest)

improve handling '0' at first place
small bug fixes
fix package vulnerabilities
entire changelog

Usage no npm install needed!