Button: Alabaster On Dark Background

Ready

HTML
View
Info
Notes


        
        <a class="button theme_alabaster  button--with-icon" href="#">
    <span class="button_text">
        More About the Center
    </span>

    <span class="button_icon">

        <svg class="icon icon_caret_right">
            <use href="/images/icons.svg#caret_right" />
        </svg>

    </span>
</a>


        {% set icon_modifier = icon ? 'button--with-icon' : '' %}
{% set _theme = theme|default('white') %}

<a class="button theme_{{ _theme }} {{class}} {{icon_modifier}}" href="{{ href }}">
	<span class="button_text">
		{{ text }}
	</span>

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

Handle: @partial-button--alabaster-on-dark-background
Variants (23): White , White Without Icon , White With Divider , White Alt , White On Gray Background , Mint Green , Mint Green Without Icon , Real Blue With Divider , Mint Green With Divider , Mint Green On Dark Background , With Extra Padding On Gray Background , Alabaster , Alabaster Without Icon , Alabaster With Divider , Alabaster On Dark Background , Global Blue , Global Blue Without Icon , Global Blue With Divider , Deep Sea Blue , Deep Sea Blue Without Icon , Deep Sea Blue With Divider , Deep Sea Blue On Dark Background , White Opaque
Preview:
- With layout
- Component only
Filesystem Path: src/twig/05-partials/button/button.twig

No notes defined.