Components
List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within.
Use <a>
to create actionable list group items with hover, disabled, and active states.
Remove some borders and rounded corners to render list group items edge-to-edge in a parent container (e.g., cards).
The default horizontal list group.
The horizontal list will change to vertical order at small resolutions. Reduce browser size to see it in action.
Add badges to any list group item to show unread counts, activity, and more.
A simple list group example with a highlighted footer.
This can be useful for a large number of invoices.