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.