BaseMessage

Message types

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

Message icons

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

Message shapes

Messages can have different shapes. Use the shape prop to change the shape of the message.

A successful message.
An information message.
A warning message.
A destructive message.
Show code
type
The type of the message.
Show example
message
The message to display.
Show example
icon
Whether to show an icon, or the name of the icon to display.
Show example
closable
Whether to show a close button.
Show example
shape
The shape of the message.
Show example
close-icon
The icon to show in the close button
Show example
@close
Show example
#default
Show example
#close-button
Show example