OFRAG Frontend Components Library v0.0.0

Table Header: Header With Counter With Button 

<div class="table-header">

    <div class="table-header__column--title">

        <h4 class="heading-counter">
            Artikel
            <span class="counter-bubble" data-counter="27"></span>
        </h4>

    </div>

    <div class="table-header__column--buttons">

        <button class="button-icon--icon-text-regular -icon-cart" type="button" name="cart" value="true">
            Alles in den Warenkorb legen
        </button>

    </div>

</div>
 
{% include '@SharedComponents/modules/shared/components/table-header/table-header.twig' %}
 
{
  "heading": {
    "level": "4",
    "title": "Artikel",
    "counter": "27"
  },
  "headerButtons": [
    {
      "variant": "icon-text-regular",
      "title": "Alles in den Warenkorb legen",
      "icon": "cart",
      "type": "button",
      "role": "button",
      "name": "cart",
      "value": "true"
    }
  ]
}
  • Content: 
    @import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/table-header/table-header";
  • URL: /components/raw/table-header/table-header.scss
  • Filesystem Path: src/components/modules/shared/components/table-header/table-header.scss
  • Size: 126 Bytes

No notes defined.