<div class="big-menu-dropdown-advanced">
<ul class="big-menu-dropdown-advanced__left-navigation">
<li class="big-menu-dropdown-advanced__left-item">
<button type="button" class="big-menu-dropdown-advanced__left-title" name="big-menu-dropdown-advanced__left-item-button--withoutforwardlink" id="big-menu-dropdown-advanced__left-item-button--withoutforwardlink" data-big-menu-dropdown-advanced-title>Without Forward Link</button>
</li>
<li class="big-menu-dropdown-advanced__left-item">
<button type="button" class="big-menu-dropdown-advanced__left-title" name="big-menu-dropdown-advanced__left-item-button--withforwardlink" id="big-menu-dropdown-advanced__left-item-button--withforwardlink" data-big-menu-dropdown-advanced-title>With Forward Link</button>
</li>
</ul>
<div class="big-menu-dropdown-advanced__right-navigation" data-big-menu-dropdown-advanced-content>
<div class="big-menu-dropdown-advanced__right-title">Without Forward Link</div>
<ul class="big-menu-dropdown-advanced__right-list" data-big-menu-dropdown-advanced-list>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Bekleidung</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>
</ul>
</div>
<div class="big-menu-dropdown-advanced__right-navigation" data-big-menu-dropdown-advanced-content>
<a href="#" target="_self" class="big-menu-dropdown-advanced__right-link">With Forward Link</a>
<ul class="big-menu-dropdown-advanced__right-list" data-big-menu-dropdown-advanced-list>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Bekleidung</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>
</ul>
</div>
</div>
{% include '@SharedComponents/modules/page/components/navigation/big-menu/big-menu-dropdown-advanced/big-menu-dropdown-advanced.twig' %}
{
"forwardButton": {
"title": "%s",
"href": "#"
},
"items": [
{
"title": "Without Forward Link",
"href": null,
"items": [
{
"title": "Bekleidung",
"href": "#",
"items": [
{
"title": "Bekleidung",
"href": "#"
},
{
"title": "Brillen",
"href": "#"
},
{
"title": "Freizeitschuhe",
"href": "#"
}
]
}
]
},
{
"title": "With Forward Link",
"href": "#",
"items": [
{
"title": "Bekleidung",
"href": "#",
"items": [
{
"title": "Bekleidung",
"href": "#"
},
{
"title": "Brillen",
"href": "#"
},
{
"title": "Freizeitschuhe",
"href": "#"
}
]
}
]
}
]
}
import './big-menu-dropdown-advanced.scss';
import BigMenuDropdownAdvanced, {selector as sel} from 'cando-cx-components-library/components/modules/page/components/navigation/big-menu/big-menu-dropdown-advanced/big-menu-dropdown-advanced';
export default BigMenuDropdownAdvanced;
export const selector = sel;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/page/components/navigation/big-menu/big-menu-dropdown-advanced/big-menu-dropdown-advanced";
No notes defined.