cyber

CyberAvatar

Avatar with neon frame and status indicator.

npx chaos add cyber-avatar

PREVIEW

USAGE

import { CyberAvatar } from '@/components/chaos/cyber/cyber-avatar';

<CyberAvatar src="/avatar.jpg" />
<CyberAvatar src="/user.png" status="online" glowing />
<CyberAvatar src="/profile.jpg" size="xl" variant="pink" />

PROPS

PropTypeDefault

srcImage source

string-

sizeAvatar size

"sm" | "md" | "lg" | "xl""md"

variantNeon color

"cyan" | "pink" | "green" | "purple""cyan"

statusStatus indicator

"online" | "offline" | "busy" | "away"-

glowingContinuous glow

booleanfalse