> For the complete documentation index, see [llms.txt](https://docs-drift.g-axon.work/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-drift.g-axon.work/components/list-group.md). # List Group ### Default Style {% tabs %} {% tab title="Defaut" %} ![](/files/-LuqHbBqaxJImFReEeeL) {% endtab %} {% tab title="Source Code" %} ```markup ``` {% endtab %} {% endtabs %} ### Active item Style {% tabs %} {% tab title="Active Item" %} ![](/files/-LuqI21MMkPmhrQinI0_) {% endtab %} {% tab title="Source Code" %} ```markup ``` {% endtab %} {% endtabs %} ### Disable item Style {% tabs %} {% tab title="Disable Item" %} ![](/files/-LuqIffCcaZYKI0HNPKC) {% endtab %} {% tab title="Source Code" %} ```markup ``` {% endtab %} {% endtabs %} ### Links & Button Style {% tabs %} {% tab title="Link & Button" %} ![](/files/-LuqJiZspWbSZdnv4HLP) {% endtab %} {% tab title="Source Code" %} #### Links Style ```markup
Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros
``` #### Buttons Style ```markup
``` {% endtab %} {% endtabs %} ### Flush Style {% tabs %} {% tab title="Flush" %} ![](/files/-LuqM1fbIwkqf3DSlfAO) {% endtab %} {% tab title="Source Code" %} ```markup ``` {% endtab %} {% endtabs %} ### Badge Style {% tabs %} {% tab title="Badge" %} ![](/files/-LuqMSX16l4ELcFZFxYk) {% endtab %} {% tab title="Source Code" %} ```markup ``` {% endtab %} {% endtabs %} ### Custom Style {% tabs %} {% tab title="Custom" %} ![](/files/-LuqM_QiCmI4Pwg0qg5P) {% endtab %} {% tab title="Source Code" %} ```markup

List group item heading

3 days ago

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

Donec id elit non mi porta.

List group item heading

3 days ago

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

Donec id elit non mi porta.

List group item heading

3 days ago

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

Donec id elit non mi porta.
``` {% endtab %} {% endtabs %} ### Contextual classes Style {% tabs %} {% tab title="Contextual" %} ![](/files/-LuqOo0nKmRDASKcpt1y) {% endtab %} {% tab title="Source Code" %} #### Contextual classes Style ```markup ``` #### Contextual classes Link Style ```markup
Dapibus ac facilisis in A simple primary list group item A simple secondary list group item A simple success list group item A simple danger list group item A simple warning list group item A simple info list group item A simple light list group item A simple dark list group item
``` {% endtab %} {% endtabs %}