Highlight

View Source

Pico Das Robot

Copy

Edit

render(() => <Highlight query="Pico" text="Pico Das Robot" />)

render(() => <Highlight query="Pico" text="Pico Das Robot" />)

Robots rule the world

Copy

Edit

render(() => (
  <Highlight query="o" text="Robots rule the world" marker={Highlight.FUZZY} />
))

render(() => (
  <Highlight query="o" text="Robots rule the world" marker={Highlight.FUZZY} />
))

Props

colorstring

Color of the highlighted text

marker() => null

The algorithm used to mark the text, defaults to FUZZY

querystring

The query to search for matches

textstring

The full string of text to be displayed