facet:dropdown

Description

Display a facet as a select dropdown, allowing the user to apply one or more filters by selection options from the dropdown. To specify the facet that should be rendered, either pass in a facet object directly or specify a facet-name and a response from where to retrieve that named facet.

Usage

as element:
<facet:dropdown
       facet="{string}"
       response="{string}"
       facet-name="{string}"
       [select="{string}"]
       display-label="{string}"
       [search-enabled="{boolean}"]>
</facet:dropdown>

Parameters

Param Type Details
facet string

A facet object to display
response string

The name of the response to use.
facet-name string

Facet name to use from the response object
select
(optional)
 string

How to render each facet filter


Valid values:-
  • multiselect

    Supports selecting multiple filters that get combined with an 'OR'.

  • toggle

    Only allows one filter to be selected at a time but shows unselected filters and counts

  • multiselect-instant

    Supports selecting multiple filters that get combined with an 'OR', filters will be applied automatically.
display-label string

Initial display value for dropdown
search-enabled
(optional)
 boolean

Whether to enable search on the facet. If no query or platform is defined on the facet or facet-list it will enable the user to search through the filters that have been returned in the response. If a platform and query is defined on the facet or facet-list then it will search for filters in the search index. (Requires a tokenized field, if not using a tokenized field, if not using a tokenized field please see facet-field).

Example

Source
















Demo