Related Searches Facet Component

Owned by Jordan Kasper (Deactivated)

Last updated: Sept 01, 2022

1 min read

1 Overview
2 Selector
3 Data Model
4 Event Binding Attributes
5 Default Template

Overview

The Recent Searches Facet Component displays a list of the five most recent searches performed by a user.

Selector

The selector for this component is <hawksearch-related-searches-facet>.

Data Model

The Facet data model is exposed to the Handlebars template:

For more information, see Search Models.

Event Binding Attributes

Attribute Name	Attribute Value

Attribute Name	Attribute Value
hawksearch-query	`string`

When an element with this attribute is clicked, the click will be tracked and a new search will be executed with that query.

Default Template

<div class="related-searches-facet">
    <ul class="related-searches-facet__list">
        {{#each values}}
            <li class="related-searches-facet__list__item">
                <a hawksearch-query="{{title}}" class="facet__value">{{title}}</a>
            </li>
        {{/each}}
    </ul>
</div>