Alert

A contextual banner. visible is two-way; dismissible adds a close button (named by closeLabel) that hides the alert and moves focus to the next control; announce opts in to role="alert" for dynamic alerts.

Colours

A static, informational banner.

Saved.

Dismissible

Heads up.

Something went wrong.

Source

<script setup lang="ts">import { ref } from 'vue';import { BsAlert } from '@mintplayer/vue-bootstrap/alert';const visible = ref(true);</script><template>  <BsAlert color="warning" dismissible v-model:visible="visible">Heads up.</BsAlert></template>