Elegant notification toasts for Bubble’s native mobile editor: minimal cards that spring in, sit on a soft shadow and leave on their own — with five preset colours, two shapes, light and dark, and gestures people already know.

Requires Bubble’s native mobile editor. Works on iOS and Android.

Quick start

1. Drag Toast onto a mobile page. It is invisible and takes no space.
2. In any workflow: Element Actions → Toast → Show Toast, and fill in message.
3. That’s it. Colour, shape, position and duration all have sensible defaults.

Everything below is optional.

How it is organised

Nothing is configurable in two places. The line is simple:

• The element decides how toasts look — shape, edge, theme, fill, spacing, typography. The house style, the same everywhere in the app.
• The action decides what one toast says and how urgent it is — its text, its colour, its icon, and how long it stays.

So position and toast_style live on the element, and color and duration live on the action. An error is red and a “Copied” is grey; an offline warning stays and a “Saved” doesn’t — but a banner that turns into a pill halfway through a session just looks broken.

Place one Toast element per page. With two on the same page, the actions only talk to the last one placed.

Actions

Show Toast

The main one. Only message is required — every other field falls back to the element’s own setting, so most workflows fill in one field and nothing else.