Notification API
Properties
| Name | Description | Type | Required | Default value |
|---|---|---|---|---|
type |
Determines the color and icon of the notification. | "default" | "info" | "success" | "warning" | "danger" | "loading" |
default |
|
icon |
Determines the icon of the notification. | string | ||
color |
Determines the color of the title and the icon. It can be a named color (e.g. 'info') or a base color and shade (e.g. 'blue-400'). It works only if type is default. | string | ||
closable |
Makes the notification closable. Closed notification won't appear anymore. | boolean | false |
|
autoclose |
Makes the notification automatically disappear. The remaining time is shown by an indicator. | boolean | false |
|
key |
An identifier for storing closed state. It should be unique.
In Vue.js
key is a reserved attribute. Use :key.prop="'somekey'" to set this attribute.
|
string |
Method
| Name | Description |
|---|---|
close() |
Close the notification. |
Events
| Event | Description | Returns |
|---|---|---|
appear |
Fires when the component rendered | {
detail: {
component: [as object]
}
} |
close |
Fires on close |
JavaScript API Reference
See under the utility documentation.