Highly Customizable React Form Component For Numbers

Category: Form , React | December 14, 2016
Author: uhlryk
Views Total: 24
Official Page: Go to website
Last Update: December 14, 2016
License: MIT

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