rxe

react-x-editable

React X editable using react-bootstrap.

Showing:

Popularity

Downloads/wk

454

GitHub Stars

36

Maintenance

Last Commit

1yr ago

Contributors

11

Package

Dependencies

6

Size (min+gzip)

105.9KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

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.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial