Files
nanocode/RetroUI/preview/components/avatar-style-circle-sizes.tsx
T
Ubuntu 32b43f85bd a
2026-07-03 16:58:28 +08:00

21 lines
661 B
TypeScript

import { Avatar } from "@/components/retroui/Avatar";
export default function AvatarStyleCircleSizes() {
return (
<div className="flex items-center space-x-4">
<Avatar>
<Avatar.Image src="/images/avatar.jpeg" alt="Arif Logs" />
<Avatar.Fallback>AH</Avatar.Fallback>
</Avatar>
<Avatar className="h-16 w-16">
<Avatar.Image src="/images/avatar.jpeg" alt="Arif Logs" />
<Avatar.Fallback>AH</Avatar.Fallback>
</Avatar>
<Avatar className="h-20 w-20">
<Avatar.Image src="/images/avatar.jpeg" alt="Arif Logs" />
<Avatar.Fallback>AH</Avatar.Fallback>
</Avatar>
</div>
);
}