Avatar

User image with fallback initials, plus group stacking, overflow count, and status badge parts.

Import

import { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge } from "@repo/design-system/components/ui/avatar";

Image with Fallback

CNJD

Sizes

SMMDLG

With Status Badge

CNOK

Group with Overflow Count

CNABYZ
+3