Avatar Circles

A customizable avatar circles component.

Examples

Installation

npx shadcn@latest add "https://aurora-ui-opal.vercel.app/c/avatar-circles.json"

Component Props

You can customize the content of the Avatar Circles by passing the following props:

PropTypeDefaultDescription
avatarUrlsArray<{ imageUrl: string, profileUrl: string }>-Avatars to be displayed inside the avatar circles.
numPeoplenumber-Number of people to be displayed inside the avatar circles.
classNamestring-Additional class names to be applied to the avatar circles.