OFRAG Frontend Components Library v0.0.0

Filter View: Active List Tiles 

<div class="filter-view">
    <div class="filter-view__title">Ansicht:</div>
    <div class="filter-view__button">
        <button class="button-icon--icon-regular -icon-list-rows" type="button">
            <span class="visually-hidden">Listenansicht</span>
        </button>
    </div>
    <div class="filter-view__button is-active">
        <button class="button-icon--icon-regular -icon-list-tiles" type="button">
            <span class="visually-hidden">Kachelansicht</span>
        </button>
    </div>
</div>
 
{% include '@SharedComponents/modules/b2b-product-listing/components/filters/filter-view/filter-view.twig' %}
 
{
  "labels": {
    "title": "Ansicht:"
  },
  "buttons": [
    {
      "button": {
        "name": "list-rows"
      },
      "context": {
        "variant": "icon-regular",
        "title": "Listenansicht",
        "icon": "list-rows",
        "type": "button",
        "role": "button"
      }
    },
    {
      "button": {
        "name": "list-tiles",
        "active": true
      },
      "context": {
        "variant": "icon-regular",
        "title": "Kachelansicht",
        "icon": "list-tiles",
        "type": "button",
        "role": "button"
      }
    }
  ]
}
  • Content: 
    @import "~shared/base";
@import "~cando-cx-components-library/components/modules/b2b-product-listing/components/filters/filter-view/filter-view";
  • URL: /components/raw/filter-view/filter-view.scss
  • Filesystem Path: src/components/modules/b2b-product-listing/components/filters/filter-view/filter-view.scss
  • Size: 145 Bytes

No notes defined.