React Click To Edit
Edit page
ReadmeInstallationUsageContributingLicenseExamples

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");
propstypeusage
wrapperClassstringcss class applied to the wrapper (or container) consists of input and text
inputClassstringcss class applied to the input
textClassstringcss class applied to the text
initialValuestringinitial 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