summaryrefslogtreecommitdiff
path: root/docs/guide/components/alerts/index.md
blob: aa2c5e13155550d45f9685467aedd749c14bd811 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
# Alerts
An alert is an inline message that contains a short description that a user
cannot manually dismiss. With exception to the error message on the login page,
alerts are not triggered by user action. Success and error notifications based
on user actions are created using a toast component.

[Learn more about Bootstrap-vue alert
options](https://bootstrap-vue.js.org/docs/components/alert)

![Alert examples](./alert.png)

```vue
<alert show variant="warning">This is a warning message</alert>
<alert show variant="danger">This is an error message</alert>
<alert show variant="info">This is an info message</alert>
```