A React avatar component built on top of Radix UI primitives that provides accessible profile picture display with fallback support and customizable styling. ## Key Components - **Avatar** - Main container component with circular styling and overflow handling - **AvatarImage** - Image component that displays the profile picture with proper aspect ratio - **AvatarFallback** - Fallback component shown when the image fails to load or is unavailable ## Usage Example ```typescript import { Avatar, AvatarImage, AvatarFallback } from "./avatar" // Basic avatar with fallback UN // Custom sized avatar JD // Fallback-only avatar AB ``` The component automatically handles image loading states - if the `AvatarImage` fails to load, the `AvatarFallback` content will be displayed instead. All components support ref forwarding and can be customized with additional CSS classes through the `className` prop.