Merced Component Library

Link 

<a href="#" class="_link">
    <span class="_link_inner">
        <span class="_link_label"></span>
    </span>
</a>
 
{#
	{% include '@component-link' with {
		title: 'Button Text',
		url: '#',
		class: '',
		js: false,
		icon: '',
		aria: '',
		nowrap: false
	} %}
#}
<a href="{{ url ?: '#' }}" class="{{ class }}_link{% if js %} js-{{ class|replace({ '_': '-'}) }}-link{% endif %}" {% if aria %} aria-label="{{ aria }}" {% endif %}>
	<span class="{{ class }}_link_inner">
		{% if nowrap == true %}
			<span class="{{ class }}_link_label">{{ title }}</span><span class="icon_nowrap {{ class }}_link_icon" aria-hidden="true">&#xfeff;{{ icon(icon) }}</span>
		{% else %}
			<span class="{{ class }}_link_label">{{ title }}</span>
			{% if icon or custom_icon %}
				<span class="{{ class }}_link_icon" aria-hidden="true">
					{% if custom_icon %}
						{{ icon(custom_icon) }}
					{% else %}
						<i class="{% if ' ' not in icon %}fa-regular {% endif %}{{ icon }}"></i>
					{% endif %}
				</span>
			{% endif %}
		{% endif %}
	</span>
</a>

No notes defined.