VCUarts Component Library

Button 

<button class="_button ">
    <span class="_button_inner">
        <span class="_button_label"></span>
    </span>
</button>
 
{#
	{% include "@partial-button" with {
		title: "Button Text",
		class: "",
		js: false,
		icon: "",
		aria: "",
		nowrap: false
	} %}
#}

<button class="{{ class }}_button{% if js %} js-{{ class|replace({'_': '-'}) }}-button{% endif %} {{ js_class }}"{% if aria %} aria-label="{{ aria }}"{% endif %}>
	<span class="{{ class }}_button_inner">
		{% if nowrap == true %}
			<span class="{{ class }}_button_label">{{ title }}</span><span class="icon_nowrap {{ class }}_button_icon" aria-hidden="true">&#xfeff;{{ icon(icon) }}</span>
		{% else %}
			<span class="{{ class }}_button_label">{{ title }}</span>
			{% if icon %}
				<span class="{{ class }}_button_icon" aria-hidden="true">
					{{ icon(icon) }}
				</span>
			{% endif %}
		{% endif %}
	</span>
</button>

No notes defined.