Confetti Mode

How to use the confettimode effect for applying a confetti effect

Overview

The confettimode effect allows you to add a confetti effect to your DOM elements when using the ClickFusion component.

Usage

To enable Confetti Mode, set the effect property to “confettimode” in your ClickFusion component.

<ClickFusion effect="confettimode">
  <button>
    Click Me for Confetti Effect!
  </button>
</ClickFusion>

Customization

You can customize the number of particles, speed, and colors using the particleOptions property.

Particle Options

• particleCount: (optional) Number of particles
• speedDown: (optional) Downward speed of the particles
• color: (optional) Color mode of the particles

<ClickFusion 
  effect="confettimode"
  particleOptions={{
    particleCount: 20,
    speedDown: 10,
    color: 'blue'
  }}
>
  <button>
    Click Me for Confetti Effect!
  </button>
</ClickFusion>

Custom confettimode in Action