SquadAvatarList

PreviousNext

Stacked assignee avatars.

import { SquadAvatarList } from "@/rl-ui";

<SquadAvatarList
squad={{ users: [{ id: "1", name: "Ada" }, { id: "2", name: "Alan" }] }}
size={32}
/>

Examples

Overflow count

import { SquadAvatarList } from "@/rl-ui";

<SquadAvatarList
maxCount={2}
size={24}
squad={{
  users: [
    { id: "1", name: "Ada" },
    { id: "2", name: "Alan" },
    { id: "3", name: "Grace" },
    { id: "4", name: "Edsger" },
  ],
}}
/>

API

PropTypeDefaultDescription
squad{ users?: SquadMember[]; teams?: SquadMember[] }—People to render (required).
size16 | 20 | 24 | 3224Avatar size.
maxCountnumber2Max faces before +N overflow.