AvatarDisplay a user's profile picture or initials.

Avatars (stacked)
User AUser AUser BUser BUser CUser C
import Avatars from '@/components/Avatars';
export function Example() {  return (    <Avatars      $avatars={[        { src: '/a.jpg', alt: 'User A' },        { src: '/b.jpg', alt: 'User B' },        { src: '/c.jpg', alt: 'User C' },      ]}    />  );}

Avatars (overflow)
User AUser AUser BUser B+3User C, User D, User E
import Avatars from '@/components/Avatars';
export function Example() {  return (    <Avatars      $avatars={[        { src: '/a.jpg', alt: 'User A' },        { src: '/b.jpg', alt: 'User B' },        { src: '/c.jpg', alt: 'User C' },        { src: '/d.jpg', alt: 'User D' },        { src: '/e.jpg', alt: 'User E' },      ]}    />  );}

Avatars (sizes)
User AUser AUser BUser BUser CUser CUser AUser AUser BUser BUser CUser C
import Avatars from '@/components/Avatars';
export function Example() {  return (    <>      <Avatars $size='s' $avatars={[...]} />      <Avatars $avatars={[...]} />    </>  );}