← DOCS
neon

NeonButton

Glowing neon button with multiple color variants and effects.

npx chaos add neon-button

PREVIEW

USAGE

import { NeonButton } from '@/components/chaos/neon/neon-button';

<NeonButton>ENTER</NeonButton>
<NeonButton variant="pink" glowing>GLOW</NeonButton>
<NeonButton variant="green" cut>CUT STYLE</NeonButton>
<NeonButton size="lg" animated>ANIMATED</NeonButton>

PROPS

PropTypeDefault
childrenButton content
ReactNode-
variantNeon color
"cyan" | "pink" | "green" | "purple" | "red" | "yellow""cyan"
sizeButton size
"sm" | "md" | "lg""md"
glowingContinuous glow pulse
booleanfalse
animatedAnimated gradient border
booleanfalse
cutCut corner style
booleanfalse