Basic & Flush List Groups
Basic stacked list items container, and flush mode to remove outer borders and rounded corners.
- An item
- A second item
- A third item
- An item
- A second item
- A third item
Active & Disabled Items (with Badges)
Highlight current selection state using `.active` or lock items with `.disabled` class.
- Inbox Messages 14
- Sent Notifications 2
- Archived Logs (Disabled) 0
Numbered List Groups
Generate clean, numbers-prefixed ordered lists using `.list-group-numbered` helper class.
-
3Subheading 1Content description for item one.
-
1Subheading 2Content description for item two.
-
5Subheading 3Content description for item three.
Horizontal Layouts
Change layout rows from vertical stack list items to flat horizontal array columns.
- First
- Second
- Third
- Start (md)
- Middle (md)
- End (md)
Contextual Colored Items
Use contextual classes to style list items with a state-based background and color.
- Primary Item Style
- Secondary Item Style
- Success Item Style
- Danger Item Style
- Warning Item Style
- Info Item Style
- Light Item Style
- Dark Item Style
Custom Rich Content Lists
Build complex component items inside list groups to render actions, icons, dates, and descriptions.
Support Ticket Update
3 mins agoYour ticket #2847 relating to database optimization has been updated by support engineer Alex. Please verify details.
View conversationBackup Completed
1 hour agoSystem cloud backup successfully compiled for project DashLite. Total archive size: 450MB. Next scheduled run tonight.
Check backup archivesSecurity Alert Alert
YesterdayMultiple login verification failures detected from unknown location (IP: 192.168.1.14). Please review account security details immediately.
Review account security