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