React inline edit component able to check format and parse value
npm install inline-edit#Inline Edit React component
Component displays value, but when clicked opens the value in text box for editing. Suports format and value validation.
Depends on bootstrap.css
````
#!javascript
import InlineEdit, {intParser, floatParser, emailParser, genericParser} from "./index";
displayFormat={(value)=>numeral(value).format("0,0.00")}/>
React.render(widget, document.getElementById("container"));
You can click Demo html page here to see example in action.
For sample code take a look at Demo sample
. Basically, component has 2 modes 'display' in which values is only displayed (can be also formatted),It is also possible to style the component in both modes by providing displayModeClassName and editModeClassName