In-place Editor For React App – React Pencil

React Pencil is a delicate React component that enables single-line and multi-line in-place edits. Single-line edits are performed on HTML input whereas multi-line edits are performed on content editable spans.


  • Single-line in-place edits
  • Multi-line in-place edits
  • Autosized fields
  • Pencil button suffix
  • Placeholders
  • Error display
  • Fully customizable via pass through props
  • OnEditDone callback


$ npm i react-pencil


React Pencil

Download Details:

Author: SokratisVidros

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website:

License: MIT


Add Comment