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-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'>
    {{#each items}}
        {{#if (eq type 'content')}}
            <div class='column column--12'>
                <hawksearch-results-item></hawksearch-results-item>
            </div>
        {{else}}
            <div class='column column--12 column-sm--6 column-lg--4'>
                <hawksearch-results-item></hawksearch-results-item>
            </div>
        {{/if}}
    {{/each}}
</div>