Avatar5

1import { Avatar, AvatarFallback } from "@/ui/avatar";
2 
3export default function TextSizes() {
4  return (
5    <>
6      <Avatar className="size-6">
7        <AvatarFallback className="text-xs">PJ</AvatarFallback>
8      </Avatar>
9      <Avatar className="size-8">
10        <AvatarFallback className="text-sm">PJ</AvatarFallback>
11      </Avatar>
12      <Avatar>
13        <AvatarFallback className="text-sm">PJ</AvatarFallback>
14      </Avatar>
15      <Avatar className="size-12">
16        <AvatarFallback className="text-sm">PJ</AvatarFallback>
17      </Avatar>
18      <Avatar className="size-14">
19        <AvatarFallback className="text-base">PJ</AvatarFallback>
20      </Avatar>
21      <Avatar className="size-16">
22        <AvatarFallback className="text-xl">PJ</AvatarFallback>
23      </Avatar>
24    </>
25  );
26}