InstantSearch specs

✏️ edit page

ReverseHighlight

Widget example

This is the reversed highlighted text

HTML output

<span class="ais-ReverseHighlight"><span class"ais-ReverseHighlight-nonHighlighted">This is the</span> <mark class="ais-ReverseHighlight-highlighted">reversed highlighted text</mark></span>

CSS classes

Hint: hover classes below to see their position.

name description
.ais-ReverseHighlight the root span of the widget
.ais-ReverseHighlight-highlighted the reverse highlighted text
.ais-ReverseHighlight-nonHighlighted the normal text

Options

Note: this is a guideline for new InstantSearch flavours, not a rule.

name default value description
highlightTag mark DOM tag to use for the reversed highlighted parts, in addition to the classes

Translations

Note: there are no translations for this widget