Avatar3

1import { Avatar, AvatarFallback, AvatarImage } from "@/ui/avatar";
2 
3export default function ImageSizes() {
4  return (
5    <>
6      <Avatar className="size-4">
7        <AvatarImage src="https://mynaui.com/avatars/avatar-01.webp" />
8        <AvatarFallback>PJ</AvatarFallback>
9      </Avatar>
10      <Avatar className="size-6">
11        <AvatarImage src="https://mynaui.com/avatars/avatar-02.webp" />
12        <AvatarFallback>PJ</AvatarFallback>
13      </Avatar>
14      <Avatar className="size-8">
15        <AvatarImage src="https://mynaui.com/avatars/avatar-03.webp" />
16        <AvatarFallback>PJ</AvatarFallback>
17      </Avatar>
18      <Avatar>
19        <AvatarImage src="https://mynaui.com/avatars/avatar-04.webp" />
20        <AvatarFallback>PJ</AvatarFallback>
21      </Avatar>
22      <Avatar className="size-12">
23        <AvatarImage src="https://mynaui.com/avatars/avatar-05.webp" />
24        <AvatarFallback>PJ</AvatarFallback>
25      </Avatar>
26      <Avatar className="size-14">
27        <AvatarImage src="https://mynaui.com/avatars/avatar-06.webp" />
28        <AvatarFallback>PJ</AvatarFallback>
29      </Avatar>
30      <Avatar className="size-16">
31        <AvatarImage src="https://mynaui.com/avatars/avatar-07.webp" />
32        <AvatarFallback>PJ</AvatarFallback>
33      </Avatar>
34    </>
35  );
36}