Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

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:

Code Block
languagetypescript
{
  items: Array<SearchResultsItem>;
}

For more information, see Search Results Items.

Insert excerpt
Search Models
Search Models
nameSearchResultsItem
nopaneltrue

Default Template

Code Block
languagehtml
<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>