# Svelte List Group - Flowbite The list group component can be used to display a series of elements, buttons or links inside a single card component similar to a sidebar. ## Setup ```svelte ``` ## Default list group Here’s an example of a list group that you can use right away. ```svelte ``` ## List group with links You can also display a series of links inside the list group element. Notice how items provide the `href` field. You need to set the list to `active` mode to enable hovering, focus and links. If list is active and data items contain `href` field entries are presented as `` elements. You can pass extra properties to the `` element by setting the `attrs` attribute in the items list. ```svelte ``` ## List group with buttons It is also possible to display a list of button element inside the list group component. The following example includes an active and disabled item as well. You need to set the list to `active` mode to enable hovering, focus and `onclick`. If list is active and data items do not contain `href` field entries are presented as `