react-inline-edit

A React component that allows inline/in-place edits.

Usage no npm install needed!

<script type="module">
  import reactInlineEdit from 'https://cdn.skypack.dev/react-inline-edit';
</script>

Allows you to to make inline/in-place edits to the text rendered inside the component.

Support: Chrome, Firefox, Safari (desktop & mobile) and IE 9+

The new version comes with a simpler API which uses <textarea> input elements that auto resize to fit in the text edits.

The previous version (v 1.x.x) of this module used contenteditable which was quirky by spec and had various issues.

$ npm i react-inline-edit

React Inline Edit Demo

You can play around with the demo code in the demo folder.