Avatar

A person marker: a photo when available, otherwise coloured initials. The colour is a deterministic hash of the name, so the same person is the same colour in every list.

Initials with stable colour

<Avatar name="Victoria Hale" /><Avatar name="Finn P" /><Avatar name="Megan L" />

Sizes

<Avatar name="Victoria Hale" size="xs" /><Avatar name="Victoria Hale" size="sm" /><Avatar name="Victoria Hale" size="md" /><Avatar name="Victoria Hale" size="lg" />

Group with overflow

<AvatarGroup names={[...]} max={4} />