AvatarGroup

Preview

+2

import { Avatar, AvatarGroup } from "@repo/ui/Avatar";

<AvatarGroup max={4}>
  <Avatar alt="Remy Sharp" src="/img/prhm.jpg" />
  <Avatar alt="Travis Howard" src="/img/prhm.jpg" />
  <Avatar alt="Cindy Baker" src="/img/prhm.jpg" />
  <Avatar alt="Agnes Walker" src="/img/prhm.jpg" />
  <Avatar alt="Trevor Henderson" src="/img/prhm.jpg" />
</AvatarGroup>;

Installation

npx the-dig@latest add Avatar

Props

Prop	Type	Default
max *	number	-
children	ReactNode	-
size	"xs" | "sm" | "md" | "lg"| "xl"	"md"
className	string	-

Sizes

+2

import { Avatar, AvatarGroup } from "@repo/ui/Avatar";

<AvatarGroup max={4} size="lg">
  <Avatar alt="Remy Sharp" src="/img/prhm.jpg" />
  <Avatar alt="Travis Howard" src="/img/prhm.jpg" />
  <Avatar alt="Cindy Baker" src="/img/prhm.jpg" />
  <Avatar alt="Agnes Walker" src="/img/prhm.jpg" />
  <Avatar alt="Trevor Henderson" src="/img/prhm.jpg" />
</AvatarGroup>;