import { AvatarGroup } from "@/components/ui/avatar-group"
const Demo = () => {
return (
<>
<AvatarGroup
avatars={[
{
src: "https://pbs.twimg.com/profile_images/1913868626605535232/yYTNh-zg_400x400.jpg",
label: "preett",
},
{
src: "https://cdn.21st.dev/assets/mirror/65/6519e1a47e6a046bff27ea857681d93fd7e49f19f7f5d524874fc91cd7fb605d.png",
label: "21st.dev",
},
{
src: "https://cdn.21st.dev/assets/mirror/e9/e941f86e0ca2b1c9eefd47618a92040443f85598470bad47399cee7f259c0756.jpg",
label: "shadcn",
},
{ src: "https://hextaui.com/logo.svg", label: "HextaUI" },
{ src: "/logo.png", label: "HextaUI" },
{ src: "/logo.png", label: "HextaUI" },
]}
maxVisible={4}
size={45}
/>
</>
)
}
export {Demo}Part of HextaUI — browse the full library on 21st.dev.