List Group

List groups are a flexible and powerful component for displaying a series of content.

Standard List Group

Basic List Group

List group item 1
List group item 2
List group item 3
List group item 4

Flushed List Group

List group item 1
List group item 2
List group item 3
List group item 4

List Group with Badge

List group item 110
List group item 220
List group item 330
List group item 440

List Group with Pill

List group item 1Success
List group item 2Danger
List group item 3Warning
List group item 4Info

Advanced List Group

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu turpis egestas pretium aenean. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu turpis egestas pretium aenean.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu turpis egestas pretium aenean.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu turpis egestas pretium aenean.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu turpis egestas pretium aenean.

Horizontal List Group

List group item 1
List group item 2
List group item 3
List group item 4

List Group Item Colors

Default
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark

Block Settings

List Group OptionsValue
Flush:Yes, No
Direction:Horizontal, Vertical
Spacing:Margin/Padding Presets
Animation:77+ Effects
Additional CSS Class:Class Name
Simple List Item OptionsValue
Color:Theme Colors
Link:URL
Badge/Pill:Yes, No
Badge/Pill Color: Theme Colors
Spacing:Margin/Padding Presets
Animation:77+ Effects
Additional CSS Class:Class Name
Advanced List Item OptionsValue
Content:Use Any Block
Color:Theme Colors
Spacing:Margin/Padding Presets
Animation:77+ Effects
Additional CSS Class:Class Name