App Studio

Version 4.2
How To
Documentation
    Learn More

      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

      ParamTypeDetails
      facetstring

      A facet object to display

      responsestring

      The name of the response to use.

      facet-namestring

      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-labelstring

      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