How to use Heads or Tails
1. Add the Heads or Tails element to your page.

2. Configure the element fields:

text_title
The title displayed at the top of the popup.

text_to_head
The text displayed when the result is heads.

text_to_tails
The text displayed when the result is tails.

bg_color
The popup background color.

Use one color for a solid background:
#ffffff

Use two or more colors separated by commas for a vertical gradient:
#ffffff,#4cc7d7

3. Run the Play action.

When the action starts:
- winner is cleared
- is_running becomes yes
- the popup opens
- the coin animation starts

Before the animation finishes:
- winner becomes either heads or tails
- the event a_result_is_available is triggered

When the animation finishes:
- is_running becomes no
- the result text is displayed in the popup

4. Use the states in your workflows:

winner
Text state. Possible values:
- heads
- tails

is_running
Yes/no state. Use it to know if the animation is currently running.

5. Use the event:

a_result_is_available
Triggered when the result is ready. Use this event to continue your workflow after the coin result is available.

The popup can be closed by clicking on the popup itself or on the background overlay.