Navigation

Links

Default link

The European Commission is the executive of The European Union and promotes its general interest.

<p class="ecl-u-type-paragraph">The European Commission is the executive of <a href="/example#123123"
    class="ecl-link">The European Union</a> and promotes its general interest.</p>

Try it yourself on the playground

Playground

Standalone link

<a href="/example" class="ecl-link ecl-link--standalone">Standalone link</a>

Try it yourself on the playground

Playground

Link with icon

Note: all types of links listed on this page can have icons before or after the label.

The European Commission is the executive of The European UnionLinks to an external domainand promotes its general interest.

Try it yourself on the playground

Playground

Call-to-action link

<a href="/example" class="ecl-link ecl-link--cta">Call to action link</a>

Try it yourself on the playground

Playground

Primary link

<a href="/example" class="ecl-link ecl-link--primary">Primary link</a>

Try it yourself on the playground

Playground

Secondary link

<a href="/example" class="ecl-link ecl-link--secondary">Secondary link</a>

Try it yourself on the playground

Playground

Inverted link

The European Commission is the executive of The European Union and promotes its general interest.

<p class="ecl-u-type-paragraph ecl-u-bg-dark ecl-u-type-color-white">The European Commission is the executive of <a
    href="/example#345252" class="ecl-link ecl-link--inverted">The European Union</a>
  and promotes its general interest. </p>

Try it yourself on the playground

Playground