> 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" %} ![](https://5259772-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LoOsNUMEOHspaxSUWFG%2F-LuqGzTvHmHsMTV3NBkr%2F-LuqHbBqaxJImFReEeeL%2Fimage.png?alt=media\&token=03484ca5-422b-4900-bbd7-f3325357eb9a) {% endtab %} {% tab title="Source Code" %} ```markup ``` {% endtab %} {% endtabs %} ### Active item Style {% tabs %} {% tab title="Active Item" %} ![](https://5259772-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LoOsNUMEOHspaxSUWFG%2F-LuqGzTvHmHsMTV3NBkr%2F-LuqI21MMkPmhrQinI0_%2Fimage.png?alt=media\&token=9a96dabf-af42-4a87-b91d-7dc301bdc3f2) {% endtab %} {% tab title="Source Code" %} ```markup ``` {% endtab %} {% endtabs %} ### Disable item Style {% tabs %} {% tab title="Disable Item" %} ![](https://5259772-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LoOsNUMEOHspaxSUWFG%2F-LuqGzTvHmHsMTV3NBkr%2F-LuqIffCcaZYKI0HNPKC%2Fimage.png?alt=media\&token=acd97025-6bc3-4a3b-8ef5-1f890e4c2325) {% endtab %} {% tab title="Source Code" %} ```markup ``` {% endtab %} {% endtabs %} ### Links & Button Style {% tabs %} {% tab title="Link & Button" %} ![](https://5259772-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LoOsNUMEOHspaxSUWFG%2F-LuqGzTvHmHsMTV3NBkr%2F-LuqJiZspWbSZdnv4HLP%2Fimage.png?alt=media\&token=99c948eb-8530-491b-9aef-1d089435ed49) {% 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" %} ![](https://5259772-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LoOsNUMEOHspaxSUWFG%2F-LuqGzTvHmHsMTV3NBkr%2F-LuqM1fbIwkqf3DSlfAO%2Fimage.png?alt=media\&token=776ca97a-22ba-48e1-b190-0b4b2c5211b3) {% endtab %} {% tab title="Source Code" %} ```markup ``` {% endtab %} {% endtabs %} ### Badge Style {% tabs %} {% tab title="Badge" %} ![](https://5259772-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LoOsNUMEOHspaxSUWFG%2F-LuqGzTvHmHsMTV3NBkr%2F-LuqMSX16l4ELcFZFxYk%2Fimage.png?alt=media\&token=eea88368-9485-491e-938e-3c3b0e0ef394) {% endtab %} {% tab title="Source Code" %} ```markup ``` {% endtab %} {% endtabs %} ### Custom Style {% tabs %} {% tab title="Custom" %} ![](https://5259772-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LoOsNUMEOHspaxSUWFG%2F-LuqGzTvHmHsMTV3NBkr%2F-LuqM_QiCmI4Pwg0qg5P%2Fimage.png?alt=media\&token=111a1966-7c70-4e46-bedb-982f8c47faf9) {% 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" %} ![](https://5259772-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LoOsNUMEOHspaxSUWFG%2F-LuqGzTvHmHsMTV3NBkr%2F-LuqOo0nKmRDASKcpt1y%2Fimage.png?alt=media\&token=432003de-0216-439c-9055-dfb4eb865409) {% 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 %}