Popular Queries Content Component

Overview

The Popular Queries Content component renders a tag cloud of popular queries relating to the current query. Each link is weighted according to its search frequency, with the most popular queries displayed in the largest font size.

Selector

The selector for this component is <hawksearch-popular-queries-content>.

Data Model

The following data model is exposed to the Handlebars template:

Event Binding Attributes

Attribute Name

Attribute Value

Attribute Name

Attribute Value

hawksearch-query

string

When an element with this attribute is clicked, a new search will be formed for the specified query.

Default Template

<div class="popular-queries-content"> {{#each items}} <a hawksearch-query="{{query}}" class="popular-queries-content__item popular-queries-content__item--{{weight}}">{{query}}</a> {{/each}} </div>

Â