React-Click-To-Edit

Add it to your component including text such as label, article and table and make the text editable.

Installation

$ npm install react-click-to-edit
or
$ yarn add react-click-to-edit

Usage

// ESM
import CTE from "react-click-to-edit";
or;
// Commonjs
const CTE = require("react-click-to-edit");

props	type	usage
wrapperClass	string	css class applied to the wrapper (or container) consists of input and text
inputClass	string	css class applied to the input
textClass	string	css class applied to the text
initialValue	string	initial value of text
startEditing	() => {}	callback invoked when entering edit mode by clicking the text
endEditing	(value) => {}	callback invoked when leaving edit mode by clicking ENTER or ESC

See elaborate examples

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT