Tile Navigation: Number

No notes defined.

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

    <div class="sds-tile__body flex-column-reverse">

        <p class="h4">Toutes les activités</p>
        <div class="d-flex align-items-center justify-content-between">
            <span class="sds-iconBlock -iconBlockHighlight" aria-hidden="true">

                <span class="sds-iconBlock__icon sds-icon sds-icon-date"></span>

            </span>

            <p class="sds-textBodyXxl sds-fontHeadingBold sds-headingColor">
                <span class="sr-only">Nombre d&#39;éléments</span>
                14
            </p>
        </div>

    </div>
</a>
 
{% set bodyClasses = ["flex-column-reverse"] %}
{% extends "@tile-frame" %}
{% block media %}{% endblock %}
{% block body %}
	<p class="h4">{{ text or "Toutes les activités" }}</p>
	<div class="d-flex align-items-center justify-content-between">
		{% render "@icon-block", {
			icon: icon or "icon-date",
			modifiers: ["-iconBlockHighlight"]
		}, true %}
		<p class="{{ namespace }}textBodyXxl {{ namespace }}fontHeadingBold {{ namespace }}headingColor">
			<span class="sr-only">{{ numberText or "éléments" }}</span>
			{{ number }}
		</p>
	</div>
{% endblock %}