loom muslin

Avatar

Initials circle (or photo) with the name as its accessible label; AvatarGroup overlaps with a +N overflow.

Previewlive — edit controls below

JCACGS+1

Content

name

src

max

Appearance

size

Group with overflow

import { Avatar, AvatarGroup } from "@loom/muslin-react";

<AvatarGroup max={3}>
  <Avatar name="Jane Cooper" />
  <Avatar name="ACME Corp" />
  <Avatar name="Globex SA" />
  <Avatar name="Initech" />
</AvatarGroup>