Party Mode

How to use the partymode effect for applying a celebratory particle effect

Overview

The coolmode effect allows you to add celebratory effects like confetti to your DOM elements when using the ClickFusion component.

Usage

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

<ClickFusion effect="partymode">

  <button>

    Click Me for Party Effect!

  </button>

</ClickFusion>

Customization

You can customize the size and number of particles using the particleOptions property.

Particle Options

• size: (optional) Size of the particle
• particleCount: (optional) Number of particles

// Code example using all props for Partymode

<ClickFusion 

  effect="partymode"

  particleOptions={{

    size: 20,

    particleCount: 100

  }}

>

  <button>

    Click Me for Party Effect!

  </button>

</ClickFusion>

Custom partymode in Action