Avatargroups3

1import { Avatar, AvatarImage } from "@/ui/avatar";
2 
3export default function Centered() {
4  return (
5    <div className="z-0 flex items-center -space-x-2 *:ring-3 *:ring-background">
6      <Avatar className="z-0 size-8">
7        <AvatarImage src="https://mynaui.com/avatars/avatar-07.webp" />
8      </Avatar>
9      <Avatar className="z-10 size-10">
10        <AvatarImage src="https://mynaui.com/avatars/avatar-08.webp" />
11      </Avatar>
12      <Avatar className="z-20 size-14">
13        <AvatarImage src="https://mynaui.com/avatars/avatar-09.webp" />
14      </Avatar>
15      <Avatar className="z-10 size-10">
16        <AvatarImage src="https://mynaui.com/avatars/avatar-10.webp" />
17      </Avatar>
18      <Avatar className="z-0 size-8">
19        <AvatarImage src="https://mynaui.com/avatars/avatar-11.webp" />
20      </Avatar>
21    </div>
22  );
23}