Avatar Group: Small

No notes defined.

<ul class="sds-overlapItems list-unstyled -overlapSm">

    <li>

        <div class="sds-avatar centeredBgi -avatarSm">

            <img class="img-fluid" src="../../media/snet/avatars/avatarUser.png" alt="">

        </div>
    </li>

    <li>

        <div class="sds-avatar centeredBgi -avatarSm">

            <img class="img-fluid" src="../../media/snet/avatars/avatarUser.png" alt="">

        </div>
    </li>

    <li>

        <div class="sds-avatar centeredBgi -avatarSm">

            <img class="img-fluid" src="../../media/snet/avatars/avatarUser.png" alt="">

        </div>
    </li>

    <li>

        <div class="sds-avatar centeredBgi -avatarSm">

            <img class="img-fluid" src="../../media/snet/avatars/avatarUser.png" alt="">

        </div>
    </li>

    <li>

        <div class="sds-avatar centeredBgi -avatarSm">

            <img class="img-fluid" src="../../media/snet/avatars/avatarUser.png" alt="">

        </div>
    </li>

</ul>
 
<ul class="{{ namespace }}overlapItems list-unstyled{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}">
	{% for key, item in items %}
		<li>
			{% render "@avatar--image-small" %}
		</li>
	{% endfor %}
</ul>