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.

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 class="list-item__text">
     {{ value }}


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