Alert

Also known as: Notification, Message box, Banner

Resources

Properties

PropertyValuesDefault
Has start icon Booleantrue | falsetrue
Start icon InstanceSwapAny iconalert-02-filled
Title TextstringAlert title
Has content Booleantrue | falsetrue
Content TextstringAlert content
Has action Booleantrue | falsetrue
Has dismiss Booleantrue | falsetrue

When to use

When users need to be informed about important changes, warnings or confirmations in a clear and non-intrusive way.
When the message is relevant to the surrounding content and should be noticed without blocking user interaction.

If the message requires immediate attention or blocks user progress, use dialog instead.
If the information is persistent and should remain visible at all times.