leovo2708 / react-numeric-textbox

ReactJS numeric textbox component

react-numeric-textbox

An ReactJS numeric textbox component

Dependencies

• ReactJS
• Lodash
• Numeral

Demo

https://leovo2708.github.io/react-numeric-textbox/

Installation

After install the above dependencies, install react-numeric-textbox via:

npm install react-numeric-textbox --save

Usage

<NumericTextboxComponent
  className={className}
  min={min}
  max={max}
  disabled={disabled}
  autoCorrect={autoCorrect}
  decimals={decimals}
  format={format}
  value={value}
  placeholder={placeholder}
  onChange={(event) => this.onChange(event)}
  onFocus={() => this.onFocus(event)}
  onBlur={() => this.onBlur(event)}
  onEnter={() => this.onEnter(event)}
  onEscape={() => this.onEscape(event)}
/>

API

const propTypes = {
  className: PropTypes.string,
  min: PropTypes.number,
  max: PropTypes.number,
  value: PropTypes.number,
  placeholder: PropTypes.string,
  decimals: PropTypes.number,
  disabled: PropTypes.bool,
  format: PropTypes.string,
  autoCorrect: PropTypes.bool,
  onChange: PropTypes.func,
  onFocus: PropTypes.func,
  onBlur: PropTypes.func,
  onEnter: PropTypes.func,
  onEscape: PropTypes.func
};

• format string: http://numeraljs.com/#format

Contributing

I am very appreciate for your ideas, proposals and found bugs which you can leave in github issues. Thanks in advance!

react-numeric-textbox's Issues

Typescript friendly

Hello,

I'd love to see a typescript friendly version of this please?

Currently we're getting by with declare module 'react-numeric-textbox'; defined in react-app-env-d-ts, but it would be far better to have it more compliant.