← DOCS
fantasy

SpellButton

Magical spell casting button with particle effects and elemental themes.

npx chaos add spell-button

PREVIEW

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { SpellButton } from '@oalacea/chaosui/buttons/spell-button';

<SpellButton>Fireball</SpellButton>
<SpellButton spellType="ice" size="lg">Frost Nova</SpellButton>
<SpellButton spellType="lightning" intensity="epic">Chain Lightning</SpellButton>

PROPS

PropTypeDefault
spellTypeType of spell for visual effects
"fire" | "ice" | "lightning" | "void""fire"
sizeSize of the button
"sm" | "md" | "lg""md"
intensityIntensity of the cast effect
"subtle" | "normal" | "epic""normal"

CSS VARIABLES

--spell-primary#ff4500Primary spell color
--spell-glow#ff6b35Glow color