React Inline Edit

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 </code> input elements that auto resize to fit in the text edits.</p><p class="my-3">The <a href="https://github.com/vasanthk/react-inline-edit/tree/contenteditable-version" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">previous version</a> (v 1.x.x) of this module used <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">contenteditable</code> which was quirky by spec and had various issues. </p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Install</h2></p><p class="my-3">``<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><br />$ npm i react-inline-edit<br /></code>``</p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Demo</h2></p><p class="my-3">!<a href="https://cdn.rawgit.com/vasanthk/react-inline-edit/textarea-version/demo/InlineEdit.gif" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">React Inline Edit Demo</a></p><p class="my-3">You can play around with the demo code in the <a href="demo" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">demo</a> folder.</p><p class="my-3"><br /></p></div></div></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_aav5ubrb_-trigger-dependencies" hidden="" id="radix-_R_aav5ubrb_-content-dependencies" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-6"></div><template id="P:3"></template></div></div></div><div hidden id="S:3"><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_aav5ubrb_-trigger-versions" hidden="" id="radix-_R_aav5ubrb_-content-versions" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-6"></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:3","P:3")</script><script>$RC("B:1","S:1")</script></body></html>