Documentation
Documentation Hub

Type

Messages have basic types that can be used to inform users about different types of interactions or events. Use the type prop to change the type of the message.

A successful message.
An information message.
A warning message.
A destructive message.
Show code

Icon

Messages can have icons that symbolize the type of the message. Use the icon to enable the message icon.

A successful message.
An information message.
A warning message.
A destructive message.
Show code

Radius

Messages can have different radius factors. Use the rounded prop to change the radius of the message.

A successful message.
An information message.
A warning message.
A destructive message.
Show code

#<BaseMessage>

Properties

rounded
The radius of the message.
Show example
type
The type of the message.
Show example
icon
Whether to show an icon, or the name of the icon to display.
Show example
message
The message to display.
Show example
close-icon
The icon to show in the close button
Show example
closable
Whether to show a close button.
Show example

Events

@close
Show example

Slots

#icon
Show example
#default
Show example
#close-button
Show example