Links

Ready

HTML
View
Context
Assets
Notes


        
        <div class="links">
      <ul class="links__list">
          <li class="links__list-item">
              <a class="links__link--pdf" href="#" target="_blank" rel="noopener noreferrer">Infobroschüre (2,3 MB)</a>
          </li>
          <li class="links__list-item">
              <a class="links__link--excel" href="#" target="_blank" rel="noopener noreferrer">Produktelist (1,3 MB)</a>
          </li>
          <li class="links__list-item">
              <a class="links__link--powerpoint" href="#" target="_blank" rel="noopener noreferrer">Wella Präsentation (1,3 MB)</a>
          </li>
          <li class="links__list-item">
              <a class="links__link--word" href="#" target="_blank" rel="noopener noreferrer">Farben &amp; Anwendung (4,3 MB)</a>
          </li>
          <li class="links__list-item">
              <a class="links__link--open-office" href="#" target="_blank" rel="noopener noreferrer">Farben &amp; Anwendung (4,3 MB)</a>
          </li>
          <li class="links__list-item">
              <a class="links__link--internal" href="#" target="_blank" rel="noopener noreferrer">Step-by-Step Anleitung</a>
          </li>
          <li class="links__list-item">
              <a class="links__link--external" href="#" target="_blank" rel="noopener noreferrer">Wella Herstellerseite</a>
          </li>
      </ul>
  </div>


        {% include '@SharedComponents/modules/b2b-product-detail/components/links/links.twig' %}


        
            
            {
  "links": [
    {
      "name": "Infobroschüre (2,3 MB)",
      "type": "pdf",
      "href": "#",
      "target": "_blank"
    },
    {
      "name": "Produktelist (1,3 MB)",
      "type": "excel",
      "href": "#",
      "target": "_blank"
    },
    {
      "name": "Wella Präsentation (1,3 MB)",
      "type": "powerpoint",
      "href": "#",
      "target": "_blank"
    },
    {
      "name": "Farben &amp; Anwendung (4,3 MB)",
      "type": "word",
      "href": "#",
      "target": "_blank"
    },
    {
      "name": "Farben &amp; Anwendung (4,3 MB)",
      "type": "open-office",
      "href": "#",
      "target": "_blank"
    },
    {
      "name": "Step-by-Step Anleitung",
      "type": "internal",
      "href": "#",
      "target": "_blank"
    },
    {
      "name": "Wella Herstellerseite",
      "type": "external",
      "href": "#",
      "target": "_blank"
    }
  ]
}

File:

Content:
import './links.scss';
URL: /components/raw/links/links.js
Filesystem Path: src/components/modules/b2b-product-detail/components/links/links.js
Size: 22 Bytes

Content:


                                @import "~shared/base";
@import "~cando-cx-components-library/components/modules/b2b-product-detail/components/links/links";

URL: /components/raw/links/links.scss
Filesystem Path: src/components/modules/b2b-product-detail/components/links/links.scss
Size: 124 Bytes

No notes defined.