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">
        <p>Vestibulum at eros</p>
    </li>
</ul>
    
  {%- for item in items -%}
    
  • 
      {{ item.text }}{% if item.paragraph %}
    {{ item.paragraph }}
    {% endif %}
    
    • 
  {% endfor -%}

items:
  - text: Cras justo odio
  - text: Dapibus ac facilisis in
  - text: Morbi leo risus
  - text: Porta ac consectetur ac
  - paragraph: Vestibulum at eros