Avatar Group

import AvatarGroup from "@/components/ruixen/avatar-group";
 
const avatars = [
  { src: "https://example.com/user1.jpg", alt: "User 1", fallback: "JD" },
  { src: "https://example.com/user2.jpg", alt: "User 2", fallback: "AS" },
  { src: "https://example.com/user3.jpg", alt: "User 3", fallback: "MK" },
  { src: "https://example.com/user4.jpg", alt: "User 4", fallback: "RB" },
];
 
export default function MyAvatarGroup() {
  return <AvatarGroup avatars={avatars} max={4} size="md" />;
}