InstantSearch specs

✏️ edit page

Snippet

Widget example

This is the snippet text

HTML output

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

CSS classes

Hint: hover classes below to see their position.

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

Options

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

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

Translations

Note: there are no translations for this widget