react-text-highlighting
Version:
react text highlight component
43 lines (32 loc) • 857 B
Markdown
# react-text-highlighting
react component to highlight text
## Quick Start
```bash
npm install react-text-highlighting --save
```
```jsx
<TextHighlighting highlightCharsRanges={[{start: 0, end: 5}]}>
hello world
<TextHighlighting>
<TextHighlighting highlightChars={[0, 2, 4]}>
hello world
<TextHighlighting>
<TextHighlighting highlight='world'>
hello world
<TextHighlighting>
```
You can customize the styling by passing a style object
```jsx
const STYLES = {
highlight: {backgroundColor: 'yellow'},
range: {
start: {backgroundColor: 'yellow'},
between: {backgroundColor: 'yellow'},
end: {backgroundColor: 'yellow'}
}
};
<TextHighlighting styles={STYLES} highlight='world'>
hello world
<TextHighlighting>
```
