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

Property
Description

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

  1. Add an action to your widget (e.g., onClick).

  2. Choose Show Toast from the action list.

  3. Enter a message and optionally customize appearance and timing.

Last updated