Search Within Facet Component

Owned by Jordan Kasper (Deactivated), created

Last updated: Nov 03, 2022

1 min read

1 Overview
2 Selector
3 Data Model
4 Event Binding Attributes
5 Default Template

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>