A user avatar component with size variants, online badge, and intelligent fallback to user initials.

interface UserAvatarProps {
  user?: UserReadPublicResponse;   // User data with username/picture
  size?: "sm" | "md" | "lg" | "xl"; // Size variant (default: "md")
  showBadge?: boolean;              // Show status badge
  fallbackText?: string;            // Custom fallback initials
  imageUrl?: string;                // Override image URL
  onClick?: () => void;             // Click handler
  className?: string;               // Additional classes
}

Related Components