<section class="list-group">
    <p class="list-group-title">Nieuwsdossiers</p>
    <a href="#" class="list-group-item active">Cras justo odio</a>
    <a href="#" class="list-group-item">Dapibus ac facilisis in</a>
    <a href="#" class="list-group-item">Morbi leo risus</a>
    <a href="#" class="list-group-item">Porta ac consectetur ac</a>
    <a href="#" class="list-group-item">Vestibulum at eros</a>
</section>

A list group consisting of links with a group title

Based on the version from MDB:
https://mdbootstrap.com/components/list-group/#linked-items

Using

No additional actions, aside from the markup, are needed to use this component.

Notes

  • The group title in this component is rendered via a paragraph element, since it’s unknown in advance what the implementors document heading level structure would be, it’s not advisable to define a specific heading element (H1 - H6) in this component.
    However, the component has been structured to work with every heading (H1 - H6) level as group title, so you are free to use which heading level suits your use-case.