---
category: display
---

# Avatar

Source: `components/ui/avatar.tsx`.

`Avatar` is a compound component. Its parts are exported **flat** (`AvatarImage`, not
`Avatar.Image`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `AvatarImage` | `React.ComponentProps<typeof AvatarPrimitive.Image>` |
| `AvatarFallback` | `React.ComponentProps<typeof AvatarPrimitive.Fallback>` |

All parts accept `className` and are composed as children of `Avatar`.