list

Information

Folder
src/components/patterns/list

Files

Schema
Mocks
Template
// src/components/patterns/list/list.html.twig

{% set tag = type != "ordered" ? "ul" : "ol" %}

<div class="List u-container u-grid Rte">
  <div class="List-content">
    {% if headline %}
      <h2>{{ headline|german_quotes }}</h2>
    {% endif %}
    <{{ tag }} class="List-list List-list--{{ type }}">
      {% for item in items %}
        <li class="List-item {% if item.type %} List-item--{{ item.type }}{% endif %}">{{ item.markup }}</li>
      {% endfor %}
    </{{ tag }}>
  </div>
</div>

Variants

unordered
Open

unordered mock data

Raw
Resolved
ordered
Open

ordered mock data

Raw
Resolved
checked
Open

checked mock data

Raw
Resolved
unchecked
Open

unchecked mock data

Raw
Resolved
failed
Open

failed mock data

Raw
Resolved
checked with overwrites
Open

checked with overwrites mock data

Raw
Resolved
unchecked with overwrites
Open

unchecked with overwrites mock data

Raw
Resolved
failed with overwrites
Open

failed with overwrites mock data

Raw
Resolved
without headline
Open

without headline mock data

Raw
Resolved