OFRAG Frontend Components Library v0.0.0

Big Menu Dropdown Basic: Short List 

<ul class="big-menu-dropdown-basic__navigation">

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

            <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Kontakt</a>

        </li>

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

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

        </li>

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

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

        </li>

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

            <a href="#" target="_self" class="big-menu-flat-list__title -is-link">FAQ</a>

        </li>

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

            <a href="#" target="_self" class="big-menu-flat-list__link">Bestell Rückgabe</a>

        </li>

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

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

        </li>

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

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

        </li>

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

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

        </li>

    </ul>
 
{% include '@SharedComponents/modules/page/components/navigation/big-menu/big-menu-dropdown-basic/big-menu-dropdown-basic.twig' %}
 
{
  "items": [
    {
      "title": "Kontakt",
      "href": "#",
      "items": [
        {
          "title": "Kundenberater",
          "href": "#"
        },
        {
          "title": "Service Center",
          "href": "#"
        }
      ]
    },
    {
      "title": "FAQ",
      "href": "#",
      "items": [
        {
          "title": "Bestell Rückgabe",
          "href": "#"
        },
        {
          "title": "Garantie",
          "href": "#"
        },
        {
          "title": "Formulare",
          "href": "#"
        },
        {
          "title": "Last Item",
          "href": "#"
        }
      ]
    }
  ]
}
  • Content: 
    import './big-menu-dropdown-basic.scss';
import BigMenuDropdownBasic, {selector as sel} from 'cando-cx-components-library/components/modules/page/components/navigation/big-menu/big-menu-dropdown-basic/big-menu-dropdown-basic';

export default BigMenuDropdownBasic;
export const selector = sel;
  • URL: /components/raw/big-menu-dropdown-basic/big-menu-dropdown-basic.js
  • Filesystem Path: src/components/modules/page/components/navigation/big-menu/big-menu-dropdown-basic/big-menu-dropdown-basic.js
  • Size: 293 Bytes
  • Content: 
    @import "~shared/base";
@import "~cando-cx-components-library/components/modules/page/components/navigation/big-menu/big-menu-dropdown-basic/big-menu-dropdown-basic";
  • URL: /components/raw/big-menu-dropdown-basic/big-menu-dropdown-basic.scss
  • Filesystem Path: src/components/modules/page/components/navigation/big-menu/big-menu-dropdown-basic/big-menu-dropdown-basic.scss
  • Size: 166 Bytes

No notes defined.