SpellCast — spell-cast

PREVIEW

USAGE

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

import { SpellCast } from '@oalacea/chaosui/effects/spell-cast';

<SpellCast>
  <button>Cast Fireball</button>
</SpellCast>
<SpellCast spellType="lightning" particleCount={20}>
  <button>Chain Lightning</button>
</SpellCast>

PROPS

PropTypeDefault

childrenContent that triggers spell on click

ReactNode-

spellTypeType of spell for visual styling

sizeSize of the spell effect

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

durationDuration in seconds

number0.6

triggerOnClickTrigger animation on click

booleantrue

autoTriggerAuto-trigger on mount

booleanfalse

showRuneShow rune symbol (arcane spells)

booleanfalse

particleCountNumber of burst particles

number12