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.
Show codeHide code
Messages can have icons that symbolize the type of the message. Use the icon
to enable the message icon.
Show codeHide code
Messages can have different shapes. Use the shape
prop to change the shape of the message.
Show codeHide code
Name
Type
Default
type
The type of the message.
Show exampleHide example
message
The message to display.
Show exampleHide example
icon
Whether to show an icon, or the name of the icon to display.
Show exampleHide example
closable
Whether to show a close button.
Show exampleHide example
shape
The shape of the message.
Show exampleHide example
close-icon
The icon to show in the close button