-
Components
- atomic-aria-live
- atomic-breadbox
- atomic-category-facet
- atomic-color-facet
- atomic-component-error
- atomic-did-you-mean
- atomic-external
- atomic-facet
- atomic-facet-manager
- atomic-folded-result-list
- atomic-format-currency
- atomic-format-number
- atomic-format-unit
- atomic-icon
- atomic-layout-section
- atomic-load-more-children-results
- atomic-load-more-results
- atomic-no-results
- atomic-numeric-facet
- atomic-numeric-range
- atomic-pager
- atomic-query-error
- atomic-query-summary
- atomic-rating-facet
- atomic-rating-range-facet
- atomic-refine-modal
- atomic-refine-toggle
- atomic-relevance-inspector
- atomic-result
- atomic-result-children
- atomic-result-children-template
- atomic-result-list
- atomic-result-template
- atomic-results-per-page
- atomic-search-box
- atomic-search-box-query-suggestions
- atomic-search-box-recent-queries
- atomic-search-interface
- atomic-search-layout
- atomic-smart-snippet
- atomic-smart-snippet-feedback-modal
- atomic-smart-snippet-suggestions
- atomic-sort-dropdown
- atomic-sort-expression
- atomic-table-element
- atomic-text
- atomic-timeframe
- atomic-timeframe-facet
atomic-rating-range-facet
A facet is a list of values for a certain field occurring in the results, ordered using a configurable criteria (e.g., number of occurrences).
An atomic-rating-range-facet
displays a facet of the results for the current query as ratings.
It only supports numeric fields.
Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
|
The required facets and values for this facet to be displayed. Examples:
|
|
|
|
|
|
Specifies a unique identifier for the facet. |
|
|
|
|
The field whose values you want to display in the facet. |
|
|
|
|
Whether to exclude the parents of folded results when estimating the result count for each facet value. |
|
|
|
|
The SVG icon to use to display the rating.
When using a custom icon, at least part of your icon should have the color set to
|
|
|
|
|
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 maximum value in the field’s index and the number of rating icons to display in the facet. This property will default to the same value as |
|
|
|
|
The minimum value of the field. |
|
|
|
|
The number of options to display in the facet. If |
|
|
Shadow Parts
Part | Description |
---|---|
|
The button that resets the actively selected facet values. |
|
The clear button icon. |
|
The wrapper for the entire facet. |
|
The button that displays the label and toggles to expand or collapse the facet. |
|
The label button icon. |
|
The placeholder shown before the first search is executed. |
|
The ripple effect of the component’s interactive elements. |
|
The facet value when display is 'box'. |
|
The facet value count, common for all displays. |
|
The facet value label, common for all displays. |
|
The facet value when display is 'link'. |
|
The facet values container. |
CSS Custom Content
Name | Description |
---|---|
|
Color of the icon when active. |
|
Color of the icon when inactive. |