Avatar Component
An image element with a fallback for representing the user. Supports size variants, status badges, and avatar groups.
Basic Avatar
Simple avatars with images and fallback text.
CNJD
Avatar Sizes
Avatars using the size prop: sm, default, and lg.
CNsm
CNdefault
CNlg
Avatar with Badge
Avatars with status badges for online/offline indicators.
CNOnline (sm)
CNOnline
CNOffline (lg)
MKAway (lg)
Avatar Group
Multiple avatars grouped together using AvatarGroup and AvatarGroupCount components.
Default size
CNJDABMK
+3
Small size
CNJDAB
+5
Large size
CNJDAB
+2
Fallback Variations
Avatars with different colored fallback backgrounds and text.
CNJDABMKTS