Alert
The v-alert component is used to convey information to the user. Designed to stand out, the alerts come in four contextual styles, success, info, warning, and error.

widgets
edit
Go to api

Examples

The v-alert component comes in 4 variations, success, info, warning and error. These have default icons assigned which can be changed and represent different actions.

Using v-model you can control the state of the Alert. If you don't want to assign a v-model and just display the alert, you can simply assign the prop value.

You can easily assign a custom icon or remove it all together.

You can apply a custom transition to the show/hide of the alert.

API