# List group

> List groups are a flexible and powerful component for displaying a series of content.
List group items can be modified and extended to support just about any content within.
They can also be used as navigation with the right modifier class.

```html
<b-list-group>
  <b-list-group-item active>
    Awesome list
  </b-list-group-item>
  <b-list-group-item href="#">
    Action links are easy
  </b-list-group-item>
  <b-list-group-item>
    This is a text only item
  </b-list-group-item>
</b-list-group>

<!-- list-group.vue -->
```

## Actionable list group items
Turn a `<b-list-group-item>` into an actionable link by specifying either an
`href` prop or router link `to` prop.

## Component Reference