atomic-category-facet (Deprecated)
atomic-category-facet (Deprecated)
A facet is a list of values for a certain field occurring in the results, ordered using a configurable criteria (for example, number of occurrences).
An atomic-category-facet
displays a facet of values in a browsable, hierarchical fashion.
Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
|
|
The base path shared by all values for the facet, separated by commas. |
|
|
|
|
The character that separates values of a multi-value field. |
|
|
|
|
Specifies a unique identifier for the facet. |
|
|
|
|
The field whose values you want to display in the facet. |
|
|
|
|
Whether to use basePath as a filter for the results. |
|
|
|
|
Whether to exclude the parents of folded results when estimating the result count for each facet value. |
|
|
|
|
The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.
Note: A high injectionDepth may negatively impact the facet request performance.
Minimum: |
|
|
|
|
Specifies if the facet is collapsed. |
|
|
|
|
The non-localized label for the facet. |
|
|
|
|
The number of values to request for this facet. Also determines the number of additional values to request each time more values are shown. |
|
|
|
|
The sort criterion to apply to the returned facet values. Possible values are 'alphanumeric' and 'occurrences'. |
|
|
|
|
Whether this facet should contain a search box. When "true", the search is only enabled when more facet values are available. |
|
|
Shadow Parts
Part | Description |
---|---|
|
The non-clickable active parent. |
|
The "View all" button displayed first along the parents. |
|
The back arrow displayed before the clickable parents. |
|
The wrapper for the entire facet. |
|
The button that displays the label and allows to expand/collapse the facet. |
|
The label button icon. |
|
The highlighted query inside the matches labels. |
|
The label indicating there are more matches for the current facet search query. |
|
The label indicating there are no matches for the current facet search query. |
|
The clickable parent button. |
|
The parent values container. |
|
The placeholder shown before the first search is executed. |
|
The ripple effect of the component’s interactive elements. |
|
The button to clear the search box of input. |
|
The highlighted query inside the facet values. |
|
The search box submit button. |
|
The search box input. |
|
The search result value. |
|
The search result path. |
|
The search results container. |
|
The show less results button. |
|
The show more results button. |
|
The icons of the show more & show less buttons. |
|
The facet value count. |
|
The facet value label. |
|
The child facet value. |
|
The facet values child container. |
CSS Custom Content
Name | Description |
---|---|
|
The size of the facet search clear icon. |
|
The size of the facet search icon. |