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
typeThe type of the message.
Show exampleHide example
messageThe message to display.
Show exampleHide example
iconWhether to show an icon, or the name of the icon to display.
Show exampleHide example
closableWhether to show a close button.
Show exampleHide example
shapeThe shape of the message.
Show exampleHide example
close-iconThe icon to show in the close button