MICRO NOTIFS (MOBILE) In-app toast & snackbar notifications for Bubble mobile apps.

WHAT IT DOES
Micro Notifs shows lightweight, auto-dismissing toast notifications over your app: success, error, warning, info, and custom messages. Toasts support type icons, animated entrance/exit, swipe-to-dismiss, tap-to-dismiss, action buttons, a countdown progress bar, haptic feedback, sound, queueing, and stacking. Colors, text, and icons automatically adapt to each toast's background (light text on dark styles, dark text on light styles). It is built entirely with in-scope React Native APIs, so it runs anywhere Bubble mobile runs.

SETUP
1. Drop the MicroNotifs element onto your page. One instance per page is enough; it renders all toasts as an overlay.
2. The element itself is invisible until a toast is shown, so its position/size on the canvas does not affect where toasts appear.
3. Set your defaults in the Property Editor (position, auto-dismiss time, colors, animations, etc.). Every default can be overridden per toast in the workflow action.

SHOWING A TOAST
Use a workflow action on the element to trigger a toast:
- Show toast: the full action. Pick a Type (success/error/warning/info/custom), set Message and optional Title, and optionally override duration, position, colors, action buttons, and effects for that single toast.
- Show success / Show error / Show warning / Show info: shortcuts that pre-set the Type. Just provide a Message (and optional Title).
- Dismiss toast: removes a specific toast by ID (use the Last toast ID state).
- Dismiss all: clears every visible toast at once.
- Update toast / Resolve toast: change an existing toast's message/type by ID (e.g. turn a loading toast into a success).
- Set toast progress: drive a toast's progress bar manually by ID.
- Clear queue: empties any queued toasts that have not been shown yet.

READING TOAST DATA (STATES)
- Last toast ID: unique ID of the most recently shown toast. Pass this to Dismiss toast, Update toast, Resolve toast, or Set toast progress.
- Any toast visible?: yes when at least one toast is currently on screen.
- Active toast IDs (list): IDs of all toasts currently visible.
Plus message/type/title states for the last toast so workflows can branch on what was shown.

RESPONDING TO TOASTS (EVENTS)
Events fire so you can run workflows when things happen, e.g. "when a toast is shown", "when a toast is dismissed", and "when the 1st/2nd action button is tapped". Read the Last toast ID and related states inside these events for context.

STYLING
Style globally from the element's fields (corner radius, fonts, spacing, accent colors per type, drop shadow, theme/color scheme), or per toast in the Show toast action. For distinct looks, use a separate MicroNotifs element per style preset (for example: a neutral toast, a frosted-glass blur toast, a gradient toast, a two-action toast, and a progress toast), then trigger whichever one fits the moment.

NOTE ON NATIVE EFFECTS
Frosted-glass blur, gradient backgrounds, smoother spring animations, and instant native images only render on a real device build (Expo Go / BubbleGo) after the app is deployed. They will not preview in the web editor. Toasts always fall back gracefully to a solid background on devices without blur support.

Built with love by ANKHARA Studios.