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

ECL-Twig Dropdown legacy component

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

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

Parameters:

• "id" (string) (default: '')
• "button" (predefined structure) : Button component structure
• "list" (object) (default: {})
  • "items" (array) (default: [])
    • "label" (string) (default: '') link html markup
• "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

Example:

{% include '@ecl-twig/ec-component-dropdown-legacy/ecl-dropdown-legacy.html.twig' with { 
  id: 'dropdown-legacy-example',  
  button: {  
    label: 'Dropdown button',  
    variant: 'secondary',  
    icon: {  
      shape: 'ui--corner-arrow',  
      transform: 'rotate-180',  
      size: 'fluid',  
    },  
  },  
  list: {  
    items: [  
      {  
        label:  
          '<a class="ecl-link ecl-link--standalone" href="/example">Jobs, growth and investment</a>',  
      },  
      {  
        label:  
          '<a class="ecl-link ecl-link--standalone" href="/example">Digital single market</a>',  
      },  
      {  
        label:  
          '<a class="ecl-link ecl-link--standalone" href="/example">Energy union and climate</a>',  
      },  
    ],  
  }

} %}