CGCC Component Library

Button 

<!-- Dark -->
<a href="#" class="button theme_dark">
    <div class="button_inner">
        <span class="button_text">Button</span>

        <span class="button_icon">

            <svg class="icon icon_arrow_right">
                <use href="/images/icons.svg#arrow_right" />
            </svg>

        </span>
    </div>
</a>


<!-- Light -->
<a href="#" class="button theme_light">
    <div class="button_inner">
        <span class="button_text">Button</span>

        <span class="button_icon">

            <svg class="icon icon_arrow_right">
                <use href="/images/icons.svg#arrow_right" />
            </svg>

        </span>
    </div>
</a>


<!-- No Icon -->
<a href="#" class="button theme_dark">
    <div class="button_inner">
        <span class="button_text">Button</span>

    </div>
</a>


<a href="{{ href|default("#") }}" class="button theme_{{ theme }}">
	<div class="button_inner">
		<span class="button_text">{{ text }}</span>

		{% if icon %}
			<span class="button_icon">
				{{ icon(icon) }}
			</span>
		{% endif %}
	</div>
</a>

No notes defined.