Code Mode

How to use the codemode effect for applying a code falling effect

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