<span class="ais-Highlight"><span class="ais-Highlight-nonHighlighted">This is the</span> <mark class="ais-Highlight-highlighted">highlighted text</mark></span>
Hint: hover classes below to see their position.
| name | description |
|---|---|
.ais-Highlight | the root span of the widget |
.ais-Highlight-highlighted | the highlighted text |
.ais-Highlight-nonHighlighted | the normal text |
Note: this is a guideline for new InstantSearch flavours, not a rule.
| name | default value | description |
|---|---|---|
highlightTag | mark | DOM tag to use for the highlighted parts, in addition to the classes |
Note: there are no translations for this widget