Highlight Ranges Of Text You Selected – react-highlight

Category: React , Text | April 3, 2018
Author:
Views Total: 380
Official Page: Go to website
Last Update: April 3, 2018
License:

react-highlight is a ReactJS component that helps you highlight ranges of text and give you callbacks to detect user selection.

Features:

  • Pass ranges and the component will highlight the text for you
  • Callback function that gives you the start and end of the user highlighted text
  • Customisable renderRange function that allows you to add tooltip on the top of user selection for example
  • Convert url string into link

Installation:

# NPM
$ npm install highlightable --save

Preview:

react-highlight