BootstrapVue Alerts
Provide contextual feedback messages for typical user actions with the handful of available and flexible BootstrapVue alerts.
Examples
Default! This is a default alert—check it out!
Primary! This is a primary alert—check it out!
Secondary! This is a secondary alert—check it out!
Info! This is a info alert—check it out!
Success! This is a success alert—check it out!
Danger! This is a danger alert—check it out!
Warning! This is a warning alert—check it out!
With icon
Warning! This is a warning alert—check it out that has an icon too!
Dismissing
Default! This is a default alert—check it out!
Primary! This is a primary alert—check it out!
Secondary! This is a secondary alert—check it out!
Info! This is a info alert—check it out!
Success! This is a success alert—check it out!
Danger! This is a danger alert—check it out!
Warning! This is a warning alert—check it out!
Props
PROP NAME | TYPE | DEFAULT | DESCRIPTION |
---|---|---|---|
type | String | default | Alert type |
dismissible | Boolean | N/A | Whether alert is dismissible (closeable) |
icon | String | N/A | Alert icon to display |
If you want to see more examples and properties please check the official BootstrapVue Documentation.