Overview

The codemode effect allows you to add a code falling effect to your DOM elements when using the ClickFusion component.

Usage

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

<ClickFusion effect="codemode">
  <button>
    Click Me for Code Falling Effect!
  </button>
</ClickFusion>

Customization

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

Particle Options

  • particleCount: (optional) Number of particles
  • size: (optional) Size of the particles
  • color: (optional) Color of the particles
<ClickFusion 
  effect="codemode"
  particleOptions={{
    particleCount: 30,
    size: 20,
    color: 'light'
  }}
>
  <button>
    Click Me for Code Falling Effect!
  </button>
</ClickFusion>

Custom codemode in Action