HealPulse — heal-pulse

PREVIEW

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;

import { HealPulse } from '@oalacea/chaosui/effects/heal-pulse';

<HealPulse>
  <button>Heal</button>
</HealPulse>
<HealPulse color="holy" waves={8} showCross>
  <button>Divine Healing</button>
</HealPulse>

PROPS

PropTypeDefault

childrenContent that triggers heal

ReactNode-

colorType of healing effect

"nature" | "holy" | "mystic" | "water" | "life""nature"

wavesNumber of healing waves

number5

speedSpeed of the waves

"slow" | "medium" | "fast""medium"

sizeSize of the effect

"small" | "medium" | "large" | "xlarge""medium"

triggerOnClickTrigger animation on click

booleantrue

autoTriggerAuto-trigger on mount

booleanfalse

particlesShow floating particles

booleantrue

showCrossShow cross pattern (holy)

booleanfalse