How to use Mobile Toast
1. Add the Mobile Toast element to your Bubble Mobile page.

2. Keep the element visible on page load, because it works as the toast host.

3. Add a workflow action from this element: Show toast.

4. Configure the action fields:

title
The main text of the toast.

message
The secondary text displayed under the title.

timeout
Duration in milliseconds before the toast closes automatically. Example: 3000.

title_color
Color of the title text. Example: #2F265F.

message_color
Color of the message text. Example: #4B3F72.

bg_color
Toast background color. Example: #FFFFFF.

border_side_color
Color of the side border. Example: #D7C4FF.

image
Optional image displayed on the left side of the toast.

show_x_icon
If yes, displays an X button to close the toast manually.

position
Controls horizontal alignment. Available values:
left
center
right

animate_inside
If yes, the toast will animate when displayed.

animation_in
Entrance animation. Available values include fade in, fade in down, fade in up, fade in left, fade in right, bounce in left, bounce in right, bounce in up, bounce in down, and flip in.

animation_out
Exit animation. Available values include fadeOut, fadeOut down, fadeOut up, and flipOutX.

State

is_running
Returns yes while at least one toast is being displayed or animated. Returns no when the toast is closed or finished.

Important notes

This plugin is built specifically for Bubble Mobile.

It does not control native Bubble inputs or other Bubble elements.

For best results, place the Mobile Toast element near the top of the page structure and keep enough width for the toast layout.