Sha256: ee4515accaefdeaa23166e2242f62f2e54a110a8a6d7111a443a844a5b593f14
Contents?: true
Size: 739 Bytes
Versions: 28
Compression:
Stored size: 739 Bytes
Contents
/* @flow */
/* eslint-disable react/no-multi-comp, flowtype/space-before-type-colon */
import Highlighter from 'react-highlight-words'
import React from 'react'
type HighlightProps = {
className?: String,
data?: String,
id?: String,
children?: React.Node,
text?: String,
highlightedText?: Array<String>
}
const Highlight = ({
className = 'pb_highlight_kit',
children,
data,
id,
text,
highlightedText = ['highlight'],
}: HighlightProps) => {
return (
<Highlighter
autoEscape
data={data}
highlightClassName={className}
highlightTag="span"
id={id}
searchWords={highlightedText}
textToHighlight={text || children}
/>
)
}
export default Highlight
Version data entries
28 entries across 28 versions & 1 rubygems