List group

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.

List group without link and with div tag and slot

Slot 1, here you can add images or others in unlimitted slots.
Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Vestibulum at eros

Show code

List group without link and with ul li tag

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

Show code

Actionable list group items with hover

Use <a>s to create actionable list group items with hover, disabled, and active states by adding .list-group-item-action.


Show code

Flush

Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Vestibulum at eros

Show code

Horizontal

Cras justo odio
Dapibus ac facilisis in
Morbi leo risus

Show code

Contextual classes

Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Cras justo odio

Show code


Blade-Component informations

components/list-group.blade.php

For more information about list group read the bootstrap documention List group

We offer best service for your needs PURCHASE NOW