Add it to your component including text such as label, article and table and make the text editable.
$ npm install react-click-to-edit
or
$ yarn add react-click-to-edit// 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 |
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.
MIT