Toasts
Use toasts for non-blocking notifications, including stacking and dismiss behavior.
Toasts container
Section titled “Toasts container”Toasts are lightweight notifications that appear over the page. In Wappler you usually add a Toasts container once, then trigger toast messages from actions.
Toasts container
Section titled “Toasts container”This Toasts container controls where toast messages appear. It is selected so you can review its key properties.
Toasts: Position
Section titled “Toasts: Position”Use Position to choose whether toasts appear at the top or bottom edge of the viewport.
Toasts: Align
Section titled “Toasts: Align”Use Align to anchor toasts left or right.
Toasts: Offsets
Section titled “Toasts: Offsets”Use Offset X and Offset Y to keep toasts away from the edges (helpful when you have fixed navbars or safe areas).
Toasts: Offset Y
Section titled “Toasts: Offset Y”Offset Y controls the vertical spacing from the chosen edge.
Toasts: Width constraints
Section titled “Toasts: Width constraints”Use Min Width and Max Width to keep toast messages readable without covering too much of the UI.
Toasts: Max Width
Section titled “Toasts: Max Width”Max Width caps the toast size for long messages.
Toasts: Delay
Section titled “Toasts: Delay”Use Delay to control how long a toast stays visible (in milliseconds). This is the default when you trigger toasts from actions.
Next steps
Section titled “Next steps”Continue with other Components tours or return to the Components menu.