<a href="#" class="
link-base
link-neutral
">
Link
</a>
<a href="{{ href|default('#') }}" {{ link_attribute }}
class="
{{ underlined is defined and underlined ? ' underline ' }}
{{ size is defined ? ' link-' ~ size : ' link-base ' }}
{{ type is defined ? ' link-' ~ type : ' link-neutral ' }}
{{ icon_type is defined and (icon_type == 'leading-icon' or icon_type == 'trailing-icon') ? ' link-icon' : '' }}
{{ link_class }}
"
>
{% block leading_icon %}
{% if (icon_type == 'leading-icon') %}
{% render "@icons-" ~ icon.name|default("heroicons--user-outline") with {size: icon.size, iconClass: icon.class, aria_hidden: icon.aria_hidden} %}
{% endif %}
{% endblock %}
{% if icon_type is defined and (icon_type == 'leading-icon' or icon_type == 'trailing-icon') %}
<span class="{% if hide_label_on_mobile %}hidden sm:inline{% endif %}">{{ label }}</span>
{% else %}
{{ label }}
{% endif %}
{% block trailing_icon %}
{% if (icon_type == 'trailing-icon') %}
{% render "@icons-" ~ icon.name|default("heroicons--user-outline") with {size: icon.size, iconClass: icon.class, aria_hidden: icon.aria_hidden} %}
{% endif %}
{% endblock %}
</a>
{
"label": "Link"
}
No notes defined.