OFRAG Frontend Components Library v0.0.0

Header Cart: Without Total Amount Without Dropdown 

<div class="header-cart">
    <div class="header-button">
        <div class="header-button__container">

            <a href="" class="header-button__link -icon-cart">

                <span class="visually-hidden">(</span>
                <span class="header-button__label">Warenkorb</span>
                <span class="visually-hidden">)</span>

                <span class="header-button__badge">4</span>

            </a>
            <button type="button" class="header-button__link--button -icon-cart">

                <span class="visually-hidden">(</span>
                <span class="header-button__label">Warenkorb</span>
                <span class="visually-hidden">)</span>

                <span class="header-button__badge">4</span>

            </button>
        </div>
        <div class="header-button-dropdown-root">

        </div>
    </div>
</div>
 
{% include '@SharedComponents/modules/page/components/header/header-cart/header-cart.twig' %}
 
{
  "labels": {
    "title": "Zum Warenkorb",
    "items": "Artikel im Warenkorb"
  },
  "href": "#",
  "data": {
    "icon": "cart",
    "badge": "4",
    "currency": "CHF",
    "value": "2584.60",
    "label": "Warenkorb",
    "dropdown": null
  }
}

No notes defined.