List Item Frame

No notes defined.

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

    </div>

    <div class="sds-listItem__trailing">

    </div>

</>
 
<{{ eltType }}{% if eltType === "a" %} href="{{ href }}"{% endif %} class="{{ namespace }}listItem{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}"
	 data-scope-wrapper="box"
	 data-scope="{{ scope or "sunken" }}"
	 {% if scope == "transparent" %}data-scope-no-surface{% endif %}
>
	<div class="{{ namespace }}listItem__leading">
	{% block leading %}
	{% endblock %}
	</div>

	{% if center %}
	<div class="{{ namespace }}listItem__center">
	{% endif %}
		{% block center %}
		{% endblock %}
	{% if center %}
	</div>
	{% endif %}

	<div class="{{ namespace }}listItem__trailing">
		{% block trailing %}
		{% endblock %}
	</div>

</{{ eltType }}>