chollier / react-highlight-words

React component to highlight words within a larger body of text

React component to highlight words within a larger body of text.

Check out a demo here.

Usage

To use it, just provide it with an array of search terms and a body of text to highlight:

<Highlighter
  highlightClassName='YourHighlightClass'
  searchWords={['and', 'or', 'the']}
  textToHighlight="The dog is chasing the cat. Or perhaps they're just playing?"
/>

And the Highlighter will mark all occurrences of search terms within the text:

Installation

npm i --save react-highlight-words

License

MIT License - fork, modify and use however you want.