riek

#React Inline Edit Kit An assortment of common HTML form elements, editable in-line the React way.

Try out the demo and see what it looks like.

#Installation npm install riek --save-dev

#Usage

import {RIEToggle, RIEInput, RIENumber, RIETags} from 'riek'

See /demo/src/demo.js for examples.

##Common props

###Required

• value: initial prop value
• propName: name of the prop to return to the change function
• change: function which will receive a plain object with a single key, provided in propName

###Optional

• doValidations: validator function, returning a boolean
• shouldBlockWhileLoading: disables editing until a new value is confirmed by parent
• classLoading: CSS class name to use when loading
• classEditing: CSS class name to apply while in editing mode
• classInvalid: CSS class name to apply when doValidatoon returned false
• className: CSS base class

###Component-specific props

####RIENumber

• format: custom formatting function, returns formatted string