Signature
About this widget
ThereverseHighlight
function returns any attribute from a hit into its highlighted form, when relevant.
The function leverages the highlighting feature of Algolia
and is designed to work with the hits
or infiniteHits
widget.
Examples
JavaScript
Options
The attribute of the record to highlight. You can give a dot-separated value for deeply nested objects, like
actor.name
.JavaScript
The original
hit
object provided to the function.
The value is already bound to the function inside a string template,
so you don’t have to provide it.
For this to work, the provided object must have a _highlightResult[attribute].value
property.JavaScript
The name of the HTML element to wrap the highlighted parts of the string.
JavaScript
The HTML element that wraps the non-highlighted parts of the string.
JavaScript
The character between each item when the attribute to highlight is an array.
JavaScript
The CSS classes you can override:
root
. The component’s root element.highlighted
. The highlighted parts.nonHighlighted
. The non-highlighted parts.separator
. The separator elements between highlighted parts.
JavaScript
HTML output
HTML