ECL Site headers


1.12.02 years ago3 years agoMinified + gzip package size for @ecl/generic-component-site-header in KB


Site header

Why and how to use this component

The site header conveys the EC brand to the users and provides basic structure and guidance. It informs users about which site they are on and their current location in the site. It also provides users with context on the page they're viewing and the site search and language switcher options.

When to use this component

  • on every page of every Commission website
  • detail and landing pages

Mandatory components

  • European Commission logo (mute version)*
  • Language selector
  • Search bar


The mute European Commission logo is a variation which was developed to allow multilingual purpose.

The use of the logo must be included in all European Commission website pages except for the homepage (Commission and its priorities and Policies, information and services)

The logo includes a link to the homepage of the Policies, information and services website.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.