text

React components for interactively highlighting parts of text

Apr 08, 2020
React components for interactively highlighting parts of text

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

Recommended