AE
import {
Avatar,
AvatarFallback,
AvatarImage,
} from "@/components/ui/avatar";
export function AvatarDemo() {
return (
<Avatar>
<AvatarImage src="https://github.com/aeonzz.png" alt="@aeonz" />
<AvatarFallback>AE</AvatarFallback>
</Avatar>
);
}Installation
npx shadcn@latest add @eo-n/avatarUsage
Import all parts and piece them together.
import { Avatar, AvatarFallback, AvatarImage } from "@components/ui/avatar";<Avatar>
<AvatarImage src="https://github.com/aeonzz.png" />
<AvatarFallback>AE</AvatarFallback>
</Avatar>