3.6.2 atoms.list.label List with label

Toggle example guides Toggle HTML markup

Simple way for showing a list of labels and values.

Example
Name Chris Hall
Address Singel 542
1017 AZ Amsterdam
The Netherlands
Email paul_harris_example@opensocial.com
Function Marketing Consultant
Organisation Open Social
Markup: 02-atoms/list/list-label.twig
{% for label, value in data %}
  <div class="list-item list-item--withlabel">
    <span class="list-item__label">
      {{ label }}
    </span>

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

  </div>

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