atomic-breadbox

This is for:

Developer

In this article

The atomic-breadbox component creates breadcrumbs that display a summary of the currently active facet values.

Shadow Parts

Part Description

Part	Description
`breadcrumb-button`	A single breadcrumb button.
`breadcrumb-label`	The breadcrumb label, associated with the facet.
`breadcrumb-value`	The breadcrumb formatted value.
`clear`	The button to clear all filters.
`label`	The "Filters" label.
`show-less`	The button to display less breadcrumbs.
`show-more`	The button to display all breadcrumbs.

breadcrumb-button

A single breadcrumb button.

breadcrumb-label

The breadcrumb label, associated with the facet.

breadcrumb-value

The breadcrumb formatted value.

clear

The button to clear all filters.

label

The "Filters" label.

show-less

The button to display less breadcrumbs.

show-more

The button to display all breadcrumbs.

Name Description

Name	Description
`--atomic-rating-facet-icon-active-color`	Color of the icon when active.
`--atomic-rating-facet-icon-inactive-color`	Color of the icon when inactive.

--atomic-rating-facet-icon-active-color

Color of the icon when active.

--atomic-rating-facet-icon-inactive-color

Color of the icon when inactive.