Big Menu Flat List

Ready

HTML
View
Context
Assets
Notes


        
        <li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Bekleidung & Ausrüstung</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Bekleidung</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Brillen</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Freizeitschuhe</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Helme</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Körperpflege</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Rucksäcke</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Textilpflege</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Veloschuhe</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Bekleidung</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Brillen</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Freizeitschuhe</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Helme</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Bekleidung & Ausrüstung</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Helme</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Körperpflege</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Rucksäcke</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Textilpflege</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Bekleidung & Ausrüstung</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Bekleidung</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Brillen</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Freizeitschuhe</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Helme</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Körperpflege</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Rucksäcke</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Bekleidung & Ausrüstung</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Bekleidung</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Brillen</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Freizeitschuhe</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Helme</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Körperpflege</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Rucksäcke</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Textilpflege</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Veloschuhe</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Bekleidung</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Brillen</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Freizeitschuhe</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Helme</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Körperpflege</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Rucksäcke</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Textilpflege</a>

</li>

<li class="big-menu-flat-list__item">

    <a href="#" target="_self" class="big-menu-flat-list__link">Veloschuhe</a>

</li>


        {% include '@SharedComponents/modules/page/components/navigation/big-menu/big-menu-flat-list/big-menu-flat-list.twig' %}


        
            
            {
  "items": [
    {
      "title": "Bekleidung & Ausrüstung",
      "href": "#",
      "items": [
        {
          "title": "Bekleidung",
          "href": "#"
        },
        {
          "title": "Brillen",
          "href": "#"
        },
        {
          "title": "Freizeitschuhe",
          "href": "#"
        },
        {
          "title": "Helme",
          "href": "#"
        },
        {
          "title": "Körperpflege",
          "href": "#"
        },
        {
          "title": "Rucksäcke",
          "href": "#"
        },
        {
          "title": "Textilpflege",
          "href": "#"
        },
        {
          "title": "Veloschuhe",
          "href": "#"
        },
        {
          "title": "Bekleidung",
          "href": "#"
        },
        {
          "title": "Brillen",
          "href": "#"
        },
        {
          "title": "Freizeitschuhe",
          "href": "#"
        },
        {
          "title": "Helme",
          "href": "#"
        }
      ]
    },
    {
      "title": "Bekleidung & Ausrüstung",
      "href": "#",
      "items": [
        {
          "title": "Helme",
          "href": "#"
        },
        {
          "title": "Körperpflege",
          "href": "#"
        },
        {
          "title": "Rucksäcke",
          "href": "#"
        },
        {
          "title": "Textilpflege",
          "href": "#"
        }
      ]
    },
    {
      "title": "Bekleidung & Ausrüstung",
      "href": "#",
      "items": [
        {
          "title": "Bekleidung",
          "href": "#"
        },
        {
          "title": "Brillen",
          "href": "#"
        },
        {
          "title": "Freizeitschuhe",
          "href": "#"
        },
        {
          "title": "Helme",
          "href": "#"
        },
        {
          "title": "Körperpflege",
          "href": "#"
        },
        {
          "title": "Rucksäcke",
          "href": "#"
        }
      ]
    },
    {
      "title": "Bekleidung & Ausrüstung",
      "href": "#",
      "items": [
        {
          "title": "Bekleidung",
          "href": "#"
        },
        {
          "title": "Brillen",
          "href": "#"
        },
        {
          "title": "Freizeitschuhe",
          "href": "#"
        },
        {
          "title": "Helme",
          "href": "#"
        },
        {
          "title": "Körperpflege",
          "href": "#"
        },
        {
          "title": "Rucksäcke",
          "href": "#"
        },
        {
          "title": "Textilpflege",
          "href": "#"
        },
        {
          "title": "Veloschuhe",
          "href": "#"
        },
        {
          "title": "Bekleidung",
          "href": "#"
        },
        {
          "title": "Brillen",
          "href": "#"
        },
        {
          "title": "Freizeitschuhe",
          "href": "#"
        },
        {
          "title": "Helme",
          "href": "#"
        },
        {
          "title": "Körperpflege",
          "href": "#"
        },
        {
          "title": "Rucksäcke",
          "href": "#"
        },
        {
          "title": "Textilpflege",
          "href": "#"
        },
        {
          "title": "Veloschuhe",
          "href": "#"
        }
      ]
    }
  ]
}

File:

Content:


                                import BigMenuFlatListMediator, {name as title} from 'cando-cx-components-library/components/modules/page/components/navigation/big-menu/big-menu-flat-list/big-menu-flat-list-mediator';

export default BigMenuFlatListMediator;
export const name = title;

URL: /components/raw/big-menu-flat-list/big-menu-flat-list-mediator.js
Filesystem Path: src/components/modules/page/components/navigation/big-menu/big-menu-flat-list/big-menu-flat-list-mediator.js
Size: 253 Bytes

Content:
import './big-menu-flat-list.scss';
URL: /components/raw/big-menu-flat-list/big-menu-flat-list.js
Filesystem Path: src/components/modules/page/components/navigation/big-menu/big-menu-flat-list/big-menu-flat-list.js
Size: 35 Bytes

Content:


                                @import "~shared/base";
@import "~cando-cx-components-library/components/modules/page/components/navigation/big-menu/big-menu-flat-list/big-menu-flat-list";

URL: /components/raw/big-menu-flat-list/big-menu-flat-list.scss
Filesystem Path: src/components/modules/page/components/navigation/big-menu/big-menu-flat-list/big-menu-flat-list.scss
Size: 156 Bytes

No notes defined.