List Group

List Groups are flexible components for displaying series of content. They can be modified to support active states, disabled items, custom badges, and interactive click options.

Active Navigation Item
Standard Item details
Item with Badge Status 14
Disabled Item display

<ul class="list-group">
    <li class="list-group-item active">Active Navigation Item</li>
    <li class="list-group-item">Standard Item details</li>
    <li class="list-group-item d-flex flex-align-center justify-between">
        <span>Item with Badge Status</span>
        <span class="badge primary">14</span>
    </li>
    <li class="list-group-item disabled">Disabled Item display</li>
</ul>