Avatar
Visual user representation with image or initials.
Sizes
sm (24px) / default (32px) / lg (40px)
243240
With initials
JDASMRCL
With image
UUUU
With status
JDASMR
Avatar group
UUU
+3
API (from shadcn + Radix)
| Component / prop | Type | Default | Description |
|---|---|---|---|
| Avatar / size | "default" | "sm" | "lg" | default | Controls circle size; matches Niemeyer shadcn preset. |
| Avatar / className | string | — | Merged on the root. |
| AvatarImage / src | string | — | — |
| AvatarImage / alt | string | — | — |
| AvatarImage / className | string | — | All Radix Avatar Image props (and rest) are forwarded. |
| AvatarFallback / className | string | — | All Radix Avatar Fallback props are forwarded. |
| AvatarBadge / className | string | — | e.g. status color; can wrap an icon or stay empty for a dot. |
| AvatarGroup / className | string | — | — |
| AvatarGroupCount / className | string | — | Text or an icon (e.g. +3) as children; optional `className` for styling. |
| … (Radix) | varies | — | See full Radix Avatar primitive for Image/Fallback delay and other options. |
Full shadcn composition, examples, and field tables: shadcn/ui — Avatar (Radix)