Tile Link: Mia

No notes defined.

<a href="" class="sds-tile sds-box -boxOverlaid sds-scaleInteraction -tileLink">

    <span class="sds-iconBlock -iconBlockColored sds-miaSurfaceAlimentation" aria-hidden="true">
        <span class="sds-iconBlock__icon sds-icon sds-icon-shoppingcart"></span>
    </span>

    <div class="sds-tile__body">

        <div class="sds-stackXxs">
            <div class="h3">{Heading}</div>
            <p>{Description}</p>
        </div>

        <div class="sds-tile__badge">
            <span class="sds-badge badge -badgeSuccess -badgeMuted">

                {Label}

            </span>
        </div>

    </div>
</a>
 
{% extends "@tile-frame" %}
{% block media %}
	{% render "@icon-block-mia" %}
{% endblock %}
{% block body %}
	<div class="{{ namespace }}stackXxs">
		<div class="h3">{{ heading or "{Heading}" }}</div>
		<p>{{ text or "{Description}" }}</p>
	</div>
{% endblock %}
{% block badge %}
	<div class="{{ namespace }}tile__badge">
		{% render "@badge--success-muted",{
			text: "{Label}"
		},true %}
	</div>
{% endblock %}