vue-annotated-text

!Example output

Features

- Renders the text as a set of spans representing the segments composing the sentence
- These spans can be associated with custom styles or events
- Overlapping annotations are represented by mixed colors

Installation

With npm:

``bash
npm install vue-annotated-text
`

With yarn:

`bash
yarn add vue-annotated-text
`

Example usage

`html

`
`js

`
`css

``

Acknowledgements

Uses:

- flatten-overlapping-ranges
- color-mixer

TODO

- Add default info box on hover