← DOCS
fantasy

RuneButton

Norse rune inscribed button with magical glow effects.

npx chaos add rune-button

PREVIEW

USAGE

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

<RuneButton>Power</RuneButton>
<RuneButton runeType="protection" size="lg">Shield</RuneButton>
<RuneButton runeType="wisdom" glowColor="#9370db">Knowledge</RuneButton>

PROPS

PropTypeDefault
runeTypeType of rune symbol
"power" | "protection" | "wisdom" | "shadow""power"
glowColorCustom glow color
string-
sizeSize of the button
"sm" | "md" | "lg""md"

CSS VARIABLES

--rune-glow#ffd700Rune glow color