@ecl-twig/ec-component-menu-legacy v2.39.0

ECL-Twig Menu Legacy

npm package: @ecl-twig/ec-component-menu-legacy

npm install --save @ecl-twig/ec-component-menu-legacy

Parameters

• "label" (string) (default: ''): visible on mobile
• "icon_path" (string) (default: ''): path to the icons svg
• "items" (array) (default: []): [{
  • "label" (string) - label of the link
  • "href" (string) - target of the link
  • "is_current" (boolean) (default: false) - does the menu contain the current page?
  • "children" (array) (default: {})
    • "title" (string) (default: '')
    • "items" (array) (default: {})
      • "label" (string): label of the link
      • "href" (string): target of the link
      • "is_current" (boolean) (default: false)
• "extra_classes" (optional) (string) (default: '') Extra classes (space separated)
• "extra_attributes" (optional) (array) (default: []) Extra attributes
  • "name" (string) Attribute name, eg. 'data-test'
  • "value" (string) Attribute value, eg: 'data-test-1',
• "_compliance_" (boolean) (default: false) Activates debug
• "_compliance_inner_check_" (boolean) (default: false) Inline compliance report

Example:

{% include '@ecl-twig/ec-component-menu-legacy/ecl-menu-legacy.html.twig' with { 
  label: "Menu", 
  icon_path: '/static/media/icons.svg', 
  items: [ 
    {  
      label: "first menu item", 
      href: "node/101", 
      is_current: false, 
      children: [ 
        {  
          "title": "column 1", 
          "items": [ 
            {  
              label: "sub-menu column 1 link 1", 
              href: "#", 
              is_current: false 
            } 
            ... 
        ] 
      } 
      ... 
      ], 
    } 
  ], 
  extra_classes: "ecl-menu-legacy", 
  extra_attributes: [ 
    { 
      name:"data-ecl-menu-legacy-menu", 
      value:"true" 
    }, 
    ... 
    ] 
} %}