OFRAG Frontend Components Library v0.0.0

Filter Pills: Two Filters 

<div class="filter-pills">
    <div class="filter-pills__title">Aktive Filter:</div>
    <ul class="filter-pills__list">
        <li class="filter-pills__list-item">
            <button type="button" class="filter-pills__button">
                <span class="filter-pills__button-reset"><span class="visually-hidden">Zurücksetzen</span></span>
                <span class="filter-pills__button-value">Blau</span>
            </button>
        </li>
        <li class="filter-pills__list-item">
            <button type="button" class="filter-pills__button">
                <span class="filter-pills__button-reset"><span class="visually-hidden">Zurücksetzen</span></span>
                <span class="filter-pills__button-value">Bestseller</span>
            </button>
        </li>
    </ul>
    <button type="button" class="filter-pills__reset-button">Alle Filter zurücksetzen</button>
</div>
 
{% include '@SharedComponents/modules/b2b-product-listing/components/filters/filter-pills/filter-pills.twig' %}
 
{
  "labels": {
    "title": "Aktive Filter:",
    "resetFilters": "Alle Filter zurücksetzen",
    "close": "Zurücksetzen"
  },
  "filters": [
    "Blau",
    "Bestseller"
  ]
}
  • Content: 
    @import "~shared/base";
@import "~cando-cx-components-library/components/modules/b2b-product-listing/components/filters/filter-pills/filter-pills";
  • URL: /components/raw/filter-pills/filter-pills.scss
  • Filesystem Path: src/components/modules/b2b-product-listing/components/filters/filter-pills/filter-pills.scss
  • Size: 147 Bytes

No notes defined.