React components for interactively highlighting parts of text

by React

react-text-annotate

A React component for interactively highlighting parts of text.

View Demo View Github

Usage

React 16.8.0 or higher is required as a peer dependency of this package.

npm install --save react-text-annotate

Examples

A simple controlled annotation.

import {TokenAnnotator, TextAnnotator} from 'react-text-annotate'

<TokenAnnotator
  tokens={['My', 'text', 'needs', 'annotating', 'for', 'NLP', 'training']}
  value={[{start: 5, end: 6, tag: 'TOPIC', color: '#EEE'}]}
/>

GitHub