Highly Customizable React Form Component For Numbers

Highly customizable React form element component for numbers (prices). It validates inputs in realtime (if user press not acceptable character it wont appear in input field). This component may be configured for each input (you can set number of digits in integer part and number of digits in decimal part, you can set decimal separator, accept only positive or negative values).

The Big advantage of this component, is separation of view value and model value (value which is available to other javascript code). You can set comma as decimal separator (default is dot) for numbers. And then in input field there will be comma as separator, but your model value will have correct float number with dot separator.

It works at realtime, therefore this model value may be use in computation for other elements and they will change real time too.

Preview:

highly-customizable-react-form-component-for-numbers

Download Details:

Author: uhlryk

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/uhlryk/react-dynamic-number

License: MIT

You Might Be Interested In:

Add Comment