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