ArcaneCircle — arcane-circle

PREVIEW

ᛟ

USAGE

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

import { ArcaneCircle } from '@oalacea/chaosui/backgrounds/arcane-circle';

<ArcaneCircle />
<ArcaneCircle intensity="extreme" color="#ff6b6b" />
<ArcaneCircle position="absolute" />

PROPS

PropTypeDefault

intensityIntensity of the magical effect

"mild" | "medium" | "extreme""medium"

colorPrimary color of the arcane magic

string"#8b5cf6"

positionPosition type

"fixed" | "absolute""fixed"

CSS VARIABLES

--arcane-color#8b5cf6Primary arcane color