Alerts

Overview

Alerts are messages with helpful information that can be shown to users to indicate a successful action or explain an error.

Alerts can be emitted anywhere in your component using $alert() plugin.

this.$alert({
    // Message to display
    message: 'This is an error',
    
    // Alert type, e.g. 'success', 'danger', 'warning', 'notice'
    // Defaults to 'neutral'
    color: 'danger',
    
    // Milliseconds to display the alert
    // Set to 0 to require manual close
    // Defaults to 8s 
    duration: 5000,
});

Shortcut invocation

this.$alert('This is a message', 'notice');

Mounted Component

NAlert

Alerts are system notifications and errors. This component is used by the $alert plugin and is not intended to be used directly

Name
Type
Default
Description
message
String
duration
Number
8000
color
String
--
closable
Boolean
true

Example