Toast
The Show Toast action displays a short, customizable message to the user as a floating popup. It is useful for giving feedback, confirmations, or alerts after a user action, such as a form submission or button tap.
Toasts are temporary and disappear after a fixed duration. You can control their appearance, placement, and styling to match the rest of your app.
Use Cases
Showing a success message after a form is submitted.
Alerting the user when a copy action has completed.
Providing non-intrusive feedback after an API call.
Properties
message
(Required) The text content shown inside the toast.
duration
The time (in milliseconds) the toast is visible. Default is 200ms.
style.bgColor
Background color of the toast in HEX format.
style.borderRadius
Controls the corner rounding of the toast. Accepts a comma-separated string for each corner, e.g. 14,14,14,14
.
style.height
Height of the toast in pixels.
style.width
Width of the toast in pixels.
style.padding
Inner spacing inside the toast. Accepts comma-separated values (left, top, right, bottom).
style.margin
Outer spacing around the toast. Same format as padding.
style.alignment
Placement of the toast on the screen (e.g., bottomCenter
).
style.textStyle
Default Behavior
By default, a toast will:
Appear at the bottom center of the screen.
Display for 200 milliseconds.
Use white background, black text, and standard padding and size.
How to Use
Add an action to your widget (e.g., onClick).
Choose Show Toast from the action list.
Enter a message and optionally customize appearance and timing.
Last updated