OFRAG Frontend Components Library v0.0.0

Header Button: Cart Without Label 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>

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

            <span class="visually-hidden">Zum Warenkorb</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"
}
  • 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