2.39.0 • Published 4 years ago

@ecl-twig/ec-component-footer-core v2.39.0

Weekly downloads
240
License
EUPL-1.1
Repository
github
Last release
4 years ago

ECL-Twig Footer Core component

npm package: @ecl-twig/ec-component-footer-core

npm install --save @ecl-twig/ec-component-footer-core

Parameters

  • "sections" (array objects) (default: [])
    • "title" (link objects) see Link component
    • "description" (string) (default: ''),
    • "section_class_name" (string) (default: ''),
    • "links" (array of link objects) (default: []),
    • "list_class_name" (string) (default: []),
    • "logo" (EU only)
      • "alt" (string) alt attribute for the logo link
      • "path" (string) logo link path
      • "language" (string) Language code
      • "src_mobile" (string) Path the mobile logo
      • "src_desktop" (string) Path to the desktop logo
  • "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/footer-core/ecl-footer-core.html.twig' with { 
  sections: [ 
    { 
      title: { 
        link: { 
          label: 'European Commission website', 
          path: '#', 
        }, 
      }, 
      description: 
        'This site is managed by the Directorate-General for Communication', 
    }, 
    { 
      section_class_name: 'ecl-footer-core__section--separator', 
      links: [ 
        { 
          link: { 
            label: 'Standalone link', 
            path: 'http://google.com', 
          }, 
        }, 
        ... 
      ], 
      list_class_name: 'ecl-footer-core__list--columns', 
    }, 
    {  
      links: [ 
        { 
          link: { 
            label: 'Follow the European Commission on social media', 
            path: '/example', 
            icon_position: 'after', 
            }, 
            icon: { 
              path: '/path-to-the-icon-file', 
              type: 'ui', 
              name: 'external', 
            }, 
          }, 
        }, 
        ... 
      ], 
    }, 
    { 
      links: [ 
        { 
          link: { 
            label: 'Language policy', 
            path: '/example', 
          }, 
        }, 
        ... 
      ], 
    }, 
  ], 
} %}
2.39.0

4 years ago

2.38.0

4 years ago

2.37.0

4 years ago

2.36.0

4 years ago

2.35.2

4 years ago

2.35.1

5 years ago

2.35.0

5 years ago

2.34.0

5 years ago

2.33.2

5 years ago

2.33.1

5 years ago

2.33.0

5 years ago

2.32.0

5 years ago

2.31.1

5 years ago

2.31.0

5 years ago

2.30.0

5 years ago

2.29.0

5 years ago

2.28.1

5 years ago

2.28.0

5 years ago

2.27.0

5 years ago

2.26.0

5 years ago

2.25.1

5 years ago

2.25.0

5 years ago

2.24.0

5 years ago

2.23.0

5 years ago

2.22.1

5 years ago

2.22.0

5 years ago

2.21.0

5 years ago

2.19.0

6 years ago

2.18.0

6 years ago

2.17.3

6 years ago

2.17.0

6 years ago

2.16.1

6 years ago

2.15.1

6 years ago

2.15.0

6 years ago