3.6.1 atoms.list.avatar List with avatar

Toggle example guides Toggle HTML markup

Simple way for showing a list of users.

Example
Chris Hall
Michele Clark
Paul Harris
Markup: 02-atoms/list/list-avatar.twig
{% for key, name in users %}
  <div class="list-item">
    <span class="list-item__avatar">
      <img src="kss-assets/avatar-{{ key }}.jpg" alt="" class="img-responsive img-avatar"/>
    </span>

    <span class="list-item__text">
     {{ name }}
    </span>

  </div>

{% endfor %}
Source: 02-atoms/list/list.scss, line 17