Overview

The Search Results List component is a wrapper around a group of Search Results Item components.

Selector

The selector for this component is <hawksearch-search-results-list>.

Data Model

The following data model is exposed to the Handlebars template:

{
  items: Array<SearchResultsItem>;
}

For more information, see Search Results Items.

Default Template

<div class="row search-results-list">
    {{#each items}}
        {{#if (eq type "content")}}
            <div class="column column--12">
                <hawksearch-search-results-item></hawksearch-search-results-item>
            </div>
        {{else}}
            <div class="column column--12 column-sm--6 column-lg--4">
                <hawksearch-search-results-item></hawksearch-search-results-item>
            </div>
        {{/if}}
    {{/each}}
</div>

Hawksearch Handlebars UI

Search Results List Component

Analytics

Overview

Selector

Data Model

Default Template

Related content