OFRAG Frontend Components Library v0.0.0

Header Button: Cart Without Dropdown 

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

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

            <span class="visually-hidden">Zum Warenkorb</span>

            <span class="visually-hidden">(</span>
            <span class="header-button__currency">CHF</span>
            <span class="header-button__value">2584.60</span>
            <span class="visually-hidden">)</span>

            <span class="visually-hidden">Artikel im Warenkorb:</span>

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

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

            <span class="visually-hidden">Zum Warenkorb</span>

            <span class="visually-hidden">(</span>
            <span class="header-button__currency">CHF</span>
            <span class="header-button__value">2584.60</span>
            <span class="visually-hidden">)</span>

            <span class="visually-hidden">Artikel im Warenkorb:</span>

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

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

    </div>
</div>
 
{% include '@SharedComponents/modules/page/components/header/header-button/header-button.twig' %}
 
{
  "demo": false,
  "labels": {
    "title": "Zum Warenkorb",
    "items": "Artikel im Warenkorb"
  },
  "href": "#",
  "icon": "cart",
  "badge": "4",
  "currency": "CHF",
  "value": "2584.60",
  "dropdown": null
}
  • Content: 
    import './header-button.scss';
import HeaderButton, {selector as sel} from 'cando-cx-components-library/components/modules/page/components/header/header-button/header-button';

export default HeaderButton;
export const selector = sel;
  • URL: /components/raw/header-button/header-button.js
  • Filesystem Path: src/components/modules/page/components/header/header-button/header-button.js
  • Size: 234 Bytes
  • Content: 
    @import "~shared/base";
@import "~cando-cx-components-library/components/modules/page/components/header/header-button/header-button";
  • URL: /components/raw/header-button/header-button.scss
  • Filesystem Path: src/components/modules/page/components/header/header-button/header-button.scss
  • Size: 133 Bytes

used for header-wishlist and header-cart