JSPM

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

React X editable using react-bootstrap.

Package Exports

  • react-x-editable

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 (react-x-editable) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

NPM License

NPM

react-x-editable

X-editable for react using react-bootstrap.

Quick Overview

react-x-editable allows text in place edit or click to edit functionality.

Features :

  • Support both inline and popup text edit mode (Form/Popover).
  • Build in supported inputs are Text, Textarea, Select,Checklist (check box list)
  • Supported Customizable inputs where user can create own user defined inputs easily.

Getting started

npm install react-x-editable
Or
git clone https://github.com/ni3galave/react-x-editable.git		
cd react-x-editable/		

npm install		
npm start		

Then open http://localhost:8080/ to see demo examples.

Live Demo | Documentation

Quick Usage :

Simple Text field example with popover edit mode.

import Editable from 'react-x-editable';
..
...
render(){
   return (
     <Editable
       name="username"
       dataType="text"
       mode="popup"
       title="Please enter username"
     />
   );
}
....
...

License

MIT.