AMAMAM
Avatar
A profile image with initials and an image-error fallback.
Installation
bunx shadcn@latest add https://ui.razeev.com/r/avatar.jsonUsage
tsx
import { Avatar } from "@/components/hangry-ui/components/avatar";
<Avatar name="Alex Morgan" src="/avatar.jpg" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | — | Profile image URL. Shows initials if omitted or the image fails. |
name | string | "Alex Morgan" | Accessible name and source for the initials. |
size | number | 48 | Width and height in pixels. |
className | string | "" | Additional CSS classes on the component root. |
Setup notes
Use Tailwind CSS v4. Borders use the global border-border token. No rounded classes or additional packages are required. Customize content with props and styling with className.