← DOCS
neon

NeonBadge

Luminous status badge with pulse animation.

npx chaos add neon-badge

PREVIEW

LIVE

USAGE

import { NeonBadge } from '@/components/chaos/neon/neon-badge';

<NeonBadge>LIVE</NeonBadge>
<NeonBadge variant="green" pulse>ONLINE</NeonBadge>
<NeonBadge variant="red" outline>ERROR</NeonBadge>

PROPS

PropTypeDefault
childrenBadge content
ReactNode-
variantNeon color
"cyan" | "pink" | "green" | "purple" | "red" | "yellow""cyan"
sizeBadge size
"sm" | "md" | "lg""md"
pulsePulse animation
booleanfalse
outlineOutline style
booleanfalse