buttons

GlitchButton

Button with glitch effect on hover including noise and RGB split.

npx chaos add glitch-button

PREVIEW

USAGE

import { GlitchButton } from '@/components/chaos/buttons/glitch-button';

<GlitchButton>ENTER</GlitchButton>
<GlitchButton variant="outline">SUBMIT</GlitchButton>
<GlitchButton intensity="intense">DESTROY</GlitchButton>

PROPS

PropTypeDefault

childrenButton content

ReactNode-

variantButton variant

"default" | "outline" | "ghost""default"

intensityGlitch intensity

"subtle" | "medium" | "intense""medium"

glitchColorPrimary glitch color

string"#ff0040"

glitchColorAltSecondary glitch color

string"#00ffff"