# Fire Confetti

## Overview

The fire confetti action is a fun and interactive feature that adds a celebratory element to a user's experience. When triggered, this action releases a shower of colorful confetti on the screen, simulating a real-life confetti celebration. This action is often used when a user has achieved a goal, completed a task, or reached a milestone. This action can be customized to change the appearance of the confetti.

## How to access the Fire Confetti interaction

Fire Confetti actions are accessible from the [Interaction Panel](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel).&#x20;

### Steps to follow

* **Open the Interaction Panel**
* Create your action
* Select "**`Fire Confetti`**" as an interaction type
* And select a variant.

{% hint style="warning" %}
Add [the interaction service component](https://docs.avonnicomponents.com/flow/flow-components/interaction-service) to ensure the fire confetti works appropriately.
{% endhint %}

## Tutorials

| Name                                                                                                                                                                                         | Description                                                     | Illustration                                                                                                                                                                                                                    |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [**Creating a Confetti Celebration on the Final Screen**](https://docs.avonnicomponents.com/flow/tutorials/components/delay-interaction/creating-a-confetti-celebration-on-the-final-screen) | Learn how to set up a confetti celebration on the final screen. | ![](https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FRwMrQMYIp9ktCo1eGOgQ%2F2023-07-04_10-08-29.png?alt=media\&token=3622a3fd-430f-4fbd-a6d9-cf85bedbf9a9) |
