Click Spark

Creates particle spark bursts at click position.

Default

Click anywhere in the box. Wrap any content in ClickSpark and every click inside it throws a burst of sparks.

Click Around!

Spark Color

Spark Size10

Spark Radius15

Spark Count8

Duration400ms

Extra Scale1

Prop	Type	Default	Description
`sparkColor`	`string`	`"#fff"`	Color of each spark line.
`sparkSize`	`number`	`10`	Initial length of each spark line.
`sparkRadius`	`number`	`15`	How far sparks travel from the click center.
`sparkCount`	`number`	`8`	Number of spark lines that appear on each click.
`duration`	`number`	`400`	Animation duration in milliseconds.
`easing`	`string`	`"ease-out"`	Easing function used for the spark animation. One of linear, ease-in, ease-in-out or ease-out.
`extraScale`	`number`	`1`	Additional multiplier for spark distance.

Prop	Type	Default	Description
`default`	`slot`	-	Content the sparks are drawn over. The original takes it as children.

Keyboard shortcuts and ARIA behavior.

The canvas is purely decorative and ignores pointer events, so it never blocks the content underneath.
Sparks only follow mouse and touch clicks. Keyboard activation does not produce them.