Click Spark
Creates spark animations on click with customizable effects
Configuring your account...
Please wait while we prepare everything for you
Usage
import ClickSpark from './ClickSpark';
<ClickSpark
sparkColor='#fff'
sparkSize={10}
sparkRadius={15}
sparkCount={8}
duration={400}
>
{/* Your content here */}
</ClickSpark>Props
| Prop | Type | Default | Description |
|---|---|---|---|
sparkColor | string | '#fff' | Color of the spark lines |
sparkSize | number | 10 | Size of each spark line |
sparkRadius | number | 15 | Radius of the spark explosion |
sparkCount | number | 8 | Number of sparks per click |
duration | number | 400 | Duration of the animation in ms |
easing | string | 'ease-out' | Easing function for animation |
extraScale | number | 1.0 | Additional scaling factor |