← DOCS
neon

NeonBadge

Luminous status badge with pulse animation.

npx chaos add neon-badge

PREVIEW

LIVE

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { NeonBadge } from '@oalacea/chaosui/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