react-x-editable

React X editable using react-bootstrap.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-x-editable
37180.0.10-beta4 years ago8 years agoMinified + gzip package size for react-x-editable in KB

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

License

MIT.