Avatar

import { Avatar, AvatarGroup } from "./components/avatar.js";

Avatar({ name: "Ada Lovelace" })                  // deterministic initials + colour
Avatar({ name: "Octocat", src: "/octocat.png" })  // image when src is given
Avatar({ name: "Big", size: 56 })                 // size in px (default 40)

// AvatarGroup overlaps several and shows a "+N" chip past max.
AvatarGroup({ names: ["Ada", "Linus", "Grace", "Alan"], max: 3 })