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.

Examples

#1 Contextual
edit
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.

#2 Closable
edit
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 do :value="true".

#3 Custom Icon / No Icon
edit
You can easily assign a custom icon or remove it all together.

API

chevron_leftchevron_right