The ui5-toast is a small, non-disruptive popup for success or information messages that disappears automatically after a few seconds.
When to use:
You want to display a short success or information message.
You do not want to interrupt users while they are performing an action.
You want to confirm a successful action.
When not to use:
You want to display error or warning message.
You want to interrupt users while they are performing an action.
You want to make sure that users read the message before they leave the page.
You want users to be able to copy some part of the message text.
ES6 Module Import
You can use both properties and attributes with the same effect. The name of each attribute is listed below the name of the property, if different.
Defines the duration in milliseconds for which ui5-toast remains on the screen before it's automatically closed.
Note: The minimum supported value is 500 ms and even if a lower value is set, the duration would remain 500 ms.
Defines the placement of the ui5-toast web component.
Available options are:
This Element provides slot(s). This means it can display its child nodes.
Unless targeting the default slot, use the slot attribute to define the destination slot for each child.
Text, along with HTML Elements with no slot attribute, goes the the default slot.
Defines the text of the ui5-toast web component.
Note: Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
This Web Component exposes public methods. You can invoke them directly on the Web Component instance.
Shows the ui5-toast.
Theme:Quartz LightQuartz DarkQuartz High Contrast BlackQuartz High Contrast WhiteBelizeHigh Contrast BlackHigh Contrast White