List Item: Default

No notes defined.

<div class="sds-listItem" data-scope-wrapper="box" data-scope="flat">
    <div class="sds-listItem__leading">

        <span class="sds-iconBlock" aria-hidden="true">
            <span class="sds-iconBlock__icon sds-icon sds-icon-photo"></span>
        </span>

    </div>

    <div class="sds-staticStackXxs">
        <div class="h4">Test</div>
        <p class="sds-textHelper">Description</p>
    </div>

    <div class="sds-listItem__trailing">

        <label class="sds-switch" for="switch">
            <input type="checkbox" class="sds-switch__input custom-control-input" id="switch">

            <span class="sds-switch__shape custom-control custom-switch">

                <span aria-hidden="true" class="sds-switch__text sds-switch__textActive">OUI</span>
                <span aria-hidden="true" class="sds-switch__text sds-switch__textInactive">NON</span>

            </span>
        </label>

    </div>

</div>
 
{% extends "@list-item-frame" %}
{% block leading %}
	{% render "@icon-block" %}
{% endblock %}
{% block center %}
	<div class="{{ namespace }}staticStackXxs">
		<div class="h4">Test</div>
		<p class="{{ namespace }}textHelper">Description</p>
	</div>
{% endblock %}
{% block trailing %}
	{% render "@switch" %}
{% endblock %}