@ahmadazad/react-text-annotate

A React component for interactively highlighting parts of text.

Usage no npm install needed!

<script type="module">
  import ahmadazadReactTextAnnotate from 'https://cdn.skypack.dev/@ahmadazad/react-text-annotate';
</script>

README

react-text-annotate

NPM

A React component for interactively highlighting parts of text.

Usage

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

npm install --save react-text-annotate

Docs

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'}]}
/>