Flow Alert Widget
The Flow Alert widget is a container that reveals and animates its child widgets when one of your flows fires an alert at it. You decide what it looks like and what information it carries.
It is an alert, so it queues: one alert is on screen at a time and the next waits its turn. For something that should fire immediately and overlap whatever is already showing, use the Flow Event Widget instead.
How It Works
- Add a Flow Alert widget to your overlay and give it an Alert name
- Declare the parameters the flow will send it — see below
- Add child widgets inside it (text, images, sounds, anything)
- Bind those children to the parameters using
{{flowAlert.<name>}}tokens - In the flow editor, add a Flow Alert effect and pick this widget from its dropdown
- When the flow fires, the widget animates its children in, holds, and animates them out
The widget starts hidden and only appears when an alert fires.
Parameters
Parameters are the fields a flow can send this widget. Each one has a name and a type:
| Type | For |
|---|---|
| Text | Any text |
| Number | A numeric value |
| Toggle | True or false |
| Image | An image URL |
| Colour | A colour value |
The name you choose is the token name. A parameter called winner becomes {{flowAlert.winner}}.
Declaring them here is what makes them appear as inputs on the flow node, and as ready-made tokens in the variable picker when you edit a child widget — so nothing has to be typed twice or remembered.
Renaming a parameter is safe: flows already wired to it keep working, and the label on the node updates. Deleting one leaves the flow node showing that input as unusable rather than silently sending nothing.
Naming and targeting
A flow picks this widget by its overlay and its alert name together. Two widgets with the same name on different overlays are two separate targets.
That means duplicating an overlay gives you a new target — flows pointing at the original keep pointing at the original until you change them deliberately.
Leave the alert name blank and nothing can reach the widget.
Several Flow Alert widgets on the same overlay may share a name. All of them fire, and the alert is finished only when they all are.
Settings
- Alert name — how flows address this widget
- Parameters — the fields flows may send it
- Animation / Easing / In duration / Hold / Out duration — how it appears and leaves
- Backdrop — an optional background behind the children
A flow can override Hold for a single alert using the node's Hold seconds input.
See Also
- Flow Alert effect — the flow node that fires it
- Flow Event Widget — the same idea without queueing
- Clip Alert Widget — a ready-made one for Twitch clips