Click

An effect that creates animated effects at the click position, adding interactive feedback to user actions.

Click here to see the effect

global

variant

duration

size

Installation

<Click>...</Click>

Prop	Type	Default
`color?`	`string`	`currentColor`
`size?`	`number`	`100`
`duration?`	`number`	`400`
`scope?`	`React.RefObject<HTMLElement \| null>`	`undefined`
`disabled?`	`boolean`	`false`
`variant?`	`"ripple" \| "ring" \| "crosshair" \| "burst" \| "particles"`	`ring`

Built by Skyleen. The source code is available on GitHub.