Tile Link: Illu

No notes defined.

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

    <div class="sds-media -mediaSm">

        <img src="../../media/spuerkeess-site/components/product/cards/sdsillu-product-card-classic.png" alt="">

    </div>

    <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 "@media--sm" %}
{% 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 %}