/
Search Within Facet Component

Search Within Facet Component

Overview

The Search Within Facet component allows the user to enter keywords to further refine the list of search results.

Selector

The selector for this component is <hawksearch-search-within-facet>.

Data Model

The following data model is exposed to the Handlebars template:

{ value: string; }

Event Binding Attributes

Attribute Name

Attribute Value

Attribute Name

Attribute Value

hawksearch-input

 

When the value of an input element with this attribute changes, that value will be used to refine the list of search results.

Default Template

<div class="search-within-facet"> <input type="text" hawksearch-input value="{{value}}" class="search-within-facet__input" aria-label="Enter keywords" /> </div>

Related content

Search Field Component
Search Field Component
More like this
Related Searches Facet Component
Related Searches Facet Component
More like this
Recent Searches Facet Component
Recent Searches Facet Component
More like this
Facet Wrapper Component
Facet Wrapper Component
More like this
Selected Facets Component
Selected Facets Component
More like this
Autocomplete Component
Autocomplete Component
More like this