Selected Filters (vviinn-selected-filters)

Generated from vviinn-widgets 2.228.0, the latest release when these docs were built. If you pin an older version, some of these may not be in it yet — check the Changelog.

Properties

Set them as HTML attributes.

currency-sign

The currency sign displayed after price values

Type: string

locale

Locale for text localization

Type: "de-DE" | "en-US"

Events

Listen with document.addEventListener(). The pages under Events describe the data each event carries.

Event	Description
vviinnFiltersChanged	The filter's state changes
vviinnFilterTriggered	—

Shadow Parts

Style these elements with vviinn-selected-filters::part(name): Styling Specific Elements.

Part	Description
filters-option-button	Button of the sub filter.
filters-option-color-dot	Color Dot of the sub filter.
filters-option-icon-wrapper	Icon Wrapper of the sub filter.
filters-option-image	Image of the sub filter.
filters-option-text	Text of the sub filter.
filters-sub-row	Row of the sub filters.
selected-filters-list	List of selected filters.

CSS Custom Properties

Set them on vviinn-selected-filters or a parent element: CSS Variables.

Property	Description
--font-family	The font family of the filters.