Lists: List Group

Component preview opent in nieuw tabblad

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