Lists: List Group

Een List group is een flexibele en krachtige component om simpele en complexe lijsten van elementen te tonen, met custom content. Gebaseerd op de Bootstrap “List group” component

<ul class="list-group">
    <li class="list-group-item">
        Cras justo odio
    </li>
    <li class="list-group-item">
        Dapibus ac facilisis in
    </li>
    <li class="list-group-item">
        Morbi leo risus
    </li>
    <li class="list-group-item">
        Porta ac consectetur ac
    </li>
    <li class="list-group-item">
        Vestibulum at eros
    </li>
</ul>
<ul class="list-group">
  {%- for item in items -%}
    <li class="list-group-item">
      {{ item.text }}{% if item.paragraph %}<p>{{ item.paragraph }}</p>{% endif %}
    </li>
  {% endfor -%}
</ul>
__title: list group
items:
  - text: Cras justo odio
  - text: Dapibus ac facilisis in
  - text: Morbi leo risus
  - text: Porta ac consectetur ac
  - text: Vestibulum at eros