Components
Loading preview...
A component that displays a group of avatars.
npx shadcn@latest add https://21st.dev/r/preetsuthar17/avatar-groupimport { 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://pbs.twimg.com/profile_images/1909249051968839680/MdA0uZV4_400x400.png",
label: "21st.dev",
},
{
src: "https://pbs.twimg.com/profile_images/1593304942210478080/TUYae5z7_400x400.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}