3.6.2 atoms.list.label List with label
Simple way for showing a list of labels and values.
Name
Chris Hall
Address
Singel 542
1017 AZ Amsterdam
The Netherlands
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