An avatar component for displaying user profile pictures, initials, or fallback content.
import {
Avatar,
AvatarFallback,
AvatarImage,
} from "@/components/ui/avatar/avatar";
export default function AvatarDemo() {
return (
<div>
<Avatar>
<AvatarImage alt="@preetecool" src="/preetecool.png" />
<AvatarFallback>AD</AvatarFallback>
</Avatar>
</div>
);
}
npx shadcn@latest add https://roiui.com/r/avatar.json<Avatar>
<AvatarImage />
<AvatarFallback />
</Avatar>