https://github.com/ni3galave/react-x-editable

React X editable using react-bootstrap.
https://github.com/ni3galave/react-x-editable

editable inline popover react xeditable

Last synced: 3 months ago
JSON representation

React X editable using react-bootstrap.

• Host: GitHub
• URL: https://github.com/ni3galave/react-x-editable
• Owner: ni3galave
• License: mit
• Created: 2017-09-02T20:55:36.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T16:41:43.000Z (over 3 years ago)
• Last Synced: 2025-05-29T15:21:33.844Z (about 1 year ago)
• Topics: editable, inline, popover, react, xeditable
• Language: JavaScript
• Homepage: https://react-x-editable.stackblitz.io/
• Size: 3.59 MB
• Stars: 37
• Watchers: 4
• Forks: 36
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[![NPM](https://img.shields.io/npm/v/react-x-editable.svg)](https://www.npmjs.com/package/react-x-editable) ![License](https://img.shields.io/npm/l/react-x-editable.svg)

[![NPM](https://nodei.co/npm/react-x-editable.png)](https://nodei.co/npm/react-x-editable/)

# react-x-editable

 X-editable for react using [react-bootstrap](https://react-bootstrap.github.io/).		

## 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/](http://localhost:8080/) to see demo examples.

## [Live Demo](https://react-x-editable.stackblitz.io/)  |    [Documentation](https://doc-react-x-editable.stackblitz.io)

## Quick Usage :

Simple Text field example with popover edit mode.

 ```sh		

import Editable from 'react-x-editable';

..

...

render(){

    return (

      

    );

}

....

...

```

## License

MIT.