Navigation

Links

Default link

The European Commission is the executive of

and promotes its general interest.

Fullscreen
<p class="ecl-u-type-paragraph">The European Commission is the executive of and promotes its general interest.</p>

Try it yourself on the playground

Playground

Standalone link

Fullscreen
<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

and promotes its general interest.

Fullscreen
<p class="ecl-u-type-paragraph">The European Commission is the executive of and promotes its general interest.</p>

Try it yourself on the playground

Playground

Call-to-action link

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

Try it yourself on the playground

Playground

Primary link

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

Try it yourself on the playground

Playground

Secondary link

Fullscreen
<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

and promotes its general interest.

Fullscreen
<p class="ecl-u-type-paragraph ecl-u-bg-dark ecl-u-type-color-white">The European Commission is the executive of and
  promotes its general interest.</p>

Try it yourself on the playground

Playground