Tile Navigation: Form Element

No notes defined.

<label class="sds-tile sds-box -boxOverlaid sds-scaleInteraction">

    <span class="sds-iconBlock -iconBlockColored sds-miaSurfaceAlimentation -iconBlockXl" aria-hidden="true">

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

    </span>

    <div class="sds-tile__body">

        <input type="checkbox" id="nav-tile-input" />

        <span class="sds-label stretched-link">
            {Label}

        </span>

    </div>
</label>
 
{% extends "@tile-frame" %}
{% block media %}
	{% render "@icon-block-mia",{
		classes: ["-iconBlockXl"]
	},true %}
{% endblock %}
{% block body %}
	<input type="checkbox" id="{{ radioID or 'nav-tile-input' }}"/>
	{% render "@label",{
		eltType: "span",
		classes: ["stretched-link"],
		text: text or "{Label}"
	},true %}
{% endblock %}