Notifications
Mark all as read
Order Completed
Your order #1234 has been completed successfully
5 minutes ago
New Message
You have a new message from John Doe
10 minutes ago
Storage Warning
Your storage is almost full (90% used)
1 hour ago
New User Registered
Sarah Wilson just joined your team
2 hours ago
Payment Failed
Payment for invoice #5678 failed
Yesterday
View all notifications

List Group

Basic, with badges
Basic With Badges
Basic
  • An item
  • A second item
  • A third item
HTML
<ul class="list-group">...</ul>
With badges
  • Messages 14
  • Tasks 3
HTML
<li class="list-group-item d-flex justify-content-between align-items-center">...</li>
Active/Disabled, Flush & Numbered
  • Active item
  • Regular item
  • Disabled item
  1. First item
  2. Second item
HTML
<ul class="list-group"><li class="list-group-item active">...</li></ul>
<ol class="list-group list-group-numbered list-group-flush">...</ol>