Lists
Theme Customization
Theme Presets
Color Scheme
Layouts
Sidebar Size
Smart Theme
Direction
Header Theme
Sidebar Theme
Basic & Flush List Groups

Basic stacked list items container, and flush mode to remove outer borders and rounded corners.

Basic List Group
  • An item
  • A second item
  • A third item
Flush List Group
  • 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.

  1. Subheading 1
    Content description for item one.
    3
  2. Subheading 2
    Content description for item two.
    1
  3. Subheading 3
    Content description for item three.
    5
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