JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2768
  • Score
    100M100P100Q110628F
  • License MIT

React Inline Edit Kit

Package Exports

  • riek

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (riek) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

#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