InstantSearch specs

✏️ edit page

ReverseSnippet

Widget example

This is the reversed snippet text

HTML output

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

CSS classes

Hint: hover classes below to see their position.

name description
.ais-ReverseSnippet the root span of the widget
.ais-ReverseSnippet-highlighted the reverse snippet text
.ais-ReverseSnippet-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