List group

A role="list" of items. active marks the current item (aria-current), disabled mutes one (aria-disabled), color paints a contextual variant and flush drops the outer borders.

Basic usage

The current item
Dapibus ac facilisis in
A disabled item
A success item
A warning item

Flush

Cras justo odio
Morbi leo risus
Porta ac consectetur ac

Source

<script setup lang="ts">import { BsListGroup, BsListGroupItem } from '@mintplayer/vue-bootstrap/list-group';</script><template>  <BsListGroup>    <BsListGroupItem active>The current item</BsListGroupItem>    <BsListGroupItem>Dapibus ac facilisis in</BsListGroupItem>    <BsListGroupItem disabled>A disabled item</BsListGroupItem>  </BsListGroup></template>