Content Block List: Icon

No notes defined.

<ul class="row col-separator row-double-gutter list-unstyled">

    <li class="col-12 col-sm-4">
        <div class="sds-staticGapMd d-flex flex-sm-column">

            <div class="sds-headingColor sds-icon sds-icon-date"></div>

            <div>
                <div class="sds-label">
                    Date

                </div>
                <p class="sds-exceptionStackXs sds-textSemiBold sds-textBodyLg">
                    Jeudi 01.01
                </p>
            </div>
        </div>
    </li>

    <li class="col-12 col-sm-4">
        <div class="sds-staticGapMd d-flex flex-sm-column">

            <div class="sds-headingColor sds-icon sds-icon-alarm"></div>

            <div>
                <div class="sds-label">
                    Heure

                </div>
                <p class="sds-exceptionStackXs sds-textSemiBold sds-textBodyLg">
                    20h00 - 23h00
                </p>
            </div>
        </div>
    </li>

    <li class="col-12 col-sm-4">
        <div class="sds-staticGapMd d-flex flex-sm-column">

            <div class="sds-headingColor sds-icon sds-icon-pin"></div>

            <div>
                <div class="sds-label">
                    Lieu

                </div>
                <p class="sds-exceptionStackXs sds-textSemiBold sds-textBodyLg">
                    Liberté 19
                </p>
            </div>
        </div>
    </li>

</ul>
 
<ul class="row col-separator row-double-gutter list-unstyled{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}">
    {% for key, item in listItem %}
        {% if item %}
            <li class="col-12 col-sm-4">
                <div class="{{ namespace }}staticGapMd d-flex flex-sm-column">
                    {% if item.icon %}
                        <div class="{{ namespace }}headingColor {{ namespace }}icon {{ namespace }}{{ item.icon }}"></div>
                    {% endif %}
                    <div>
                        {% render "@label--div",{
                            text: item.label
                        },true %}
                        <p class="{{ namespace }}exceptionStackXs {{ namespace }}textSemiBold {{ namespace }}textBodyLg">
                            {{ item.text }}
                        </p>
                    </div>
                </div>
            </li>
        {% endif %}
    {% endfor %}
</ul>