<div class="brands-table">
      <div class="brands-table__row" id="09">
          <div class="brands-table__index">0-9</div>
          <div class="brands-table__links">
              <a href="#" class="brands-table__link">3M</a>
          </div>
      </div>
      <div class="brands-table__row" id="A">
          <div class="brands-table__index">A</div>
          <div class="brands-table__links">
              <a href="#" class="brands-table__link">ABS</a>
              <a href="#" class="brands-table__link">Achim Achilles</a>
              <a href="#" class="brands-table__link">AKU</a>
              <a href="#" class="brands-table__link">Assos</a>
              <a href="#" class="brands-table__link">ALEVOR</a>
              <a href="#" class="brands-table__link">Alpina</a>
              <a href="#" class="brands-table__link">Asics</a>
          </div>
      </div>
      <div class="brands-table__row" id="B">
          <div class="brands-table__index">B</div>
          <div class="brands-table__links">
              <a href="#" class="brands-table__link">Babolat</a>
              <a href="#" class="brands-table__link">BARBICIDE</a>
              <a href="#" class="brands-table__link">BOGNER FIRE+ICE</a>
              <a href="#" class="brands-table__link">Bolle</a>
              <a href="#" class="brands-table__link">Backscratchers</a>
              <a href="#" class="brands-table__link">Bergans</a>
              <a href="#" class="brands-table__link">BLACKKYAK</a>
          </div>
      </div>
      <div class="brands-table__row" id="C">
          <div class="brands-table__index">C</div>
          <div class="brands-table__links">
              <a href="#" class="brands-table__link">Castelli</a>
              <a href="#" class="brands-table__link">Craft</a>
              <a href="#" class="brands-table__link">Colmar</a>
              <a href="#" class="brands-table__link">Columbia</a>
              <a href="#" class="brands-table__link">CMP</a>
              <a href="#" class="brands-table__link">CEP</a>
              <a href="#" class="brands-table__link">Chrome</a>
          </div>
      </div>
  </div>
{% include '@SharedComponents/modules/b2b-brand-listing/components/brands-table/brands-table.twig' %}
{
  "brands": [
    {
      "index": "0-9",
      "id": "09",
      "brands": [
        {
          "name": "3M",
          "href": "#"
        }
      ]
    },
    {
      "index": "A",
      "id": "A",
      "brands": [
        {
          "name": "ABS",
          "href": "#"
        },
        {
          "name": "Achim Achilles",
          "href": "#"
        },
        {
          "name": "AKU",
          "href": "#"
        },
        {
          "name": "Assos",
          "href": "#"
        },
        {
          "name": "ALEVOR",
          "href": "#"
        },
        {
          "name": "Alpina",
          "href": "#"
        },
        {
          "name": "Asics",
          "href": "#"
        }
      ]
    },
    {
      "index": "B",
      "id": "B",
      "brands": [
        {
          "name": "Babolat",
          "href": "#"
        },
        {
          "name": "BARBICIDE",
          "href": "#"
        },
        {
          "name": "BOGNER FIRE+ICE",
          "href": "#"
        },
        {
          "name": "Bolle",
          "href": "#"
        },
        {
          "name": "Backscratchers",
          "href": "#"
        },
        {
          "name": "Bergans",
          "href": "#"
        },
        {
          "name": "BLACKKYAK",
          "href": "#"
        }
      ]
    },
    {
      "index": "C",
      "id": "C",
      "brands": [
        {
          "name": "Castelli",
          "href": "#"
        },
        {
          "name": "Craft",
          "href": "#"
        },
        {
          "name": "Colmar",
          "href": "#"
        },
        {
          "name": "Columbia",
          "href": "#"
        },
        {
          "name": "CMP",
          "href": "#"
        },
        {
          "name": "CEP",
          "href": "#"
        },
        {
          "name": "Chrome",
          "href": "#"
        }
      ]
    }
  ]
}
  • Content:
    @import "~shared/base";
    @import "~cando-cx-components-library/components/modules/b2b-brand-listing/components/brands-table/brands-table";
  • URL: /components/raw/brands-table/brands-table.scss
  • Filesystem Path: src/components/modules/b2b-brand-listing/components/brands-table/brands-table.scss
  • Size: 137 Bytes

No notes defined.