@ecl-twig/ec-component-accordion2 v2.39.0

ECL-Twig Accordion 2 component

npm package: @ecl-twig/ec-component-accordion2

npm install --save @ecl-twig/ec-component-accordion2

Parameters

• "items" (array) (default: []): format:
  • "id" (string) (default: '') Used for binding of togglable elements
  • "level" (string) (default: 3)
  • "toggle" (predefined structure): see Button component
    • "label" (string) (default: '')
    • "icon" (associative array) (default: {path: '', "type": 'ui', name: 'plus', size: 'm'}): format:
      • "path" (string) (default: '')
  • "content" (string) (default: '')
• "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-accordion2/ecl-accordion2.html.twig' with { 
  items: [ 
    { 
      id: 'accordion-example', 
      level: 3, 
      toggle: { 
        label: 
          'Delivery of last pending proposals, a common Destiny of unity, the hour of European Democracy', 
        icon: { 
          path: 'static/icons.svg', 
        }, 
      }, 
      content: 
        'The College of Commissioners held today the first weekly meeting of 2019 which was devoted to discussing the challenges of this new year. Commissioners used the opportunity to take stock and discuss the year ahead, including the European elections in May and other important milestones ahead.', 
    }, 
    ... 
  ] 
} %}