link

Information

Folder
src/components/elements/link

Files

Schema
Mocks
Template
// src/components/elements/link/link.html.twig

<a href="{{ url }}" {% if target %} target="{{ target }}"{% endif %}
  class="Link
    {%- if class %} {{ class }}{% endif -%}
    {%- if icon_left %} Link--iconLeft{% endif -%}
    {%- if underline %} Link--underline{% endif -%}
    {%- if tenant %} Link--{{ tenant }}{% endif -%}
">
  {{ label }}
  {% if icon %}{% include "@elements/icon/icon.html.twig" with {name: icon, class: "Link-icon"} only %}{% endif %}
</a>

Variants

default
Open

default mock data

Raw
Resolved
Underlined Link
Open

Underlined Link mock data

Raw
Resolved
Link with Icon left
Open

Link with Icon left mock data

Raw
Resolved
Link with Icon right
Open

Link with Icon right mock data

Raw
Resolved
Kids Link
Open

Kids Link mock data

Raw
Resolved