Avatar Group

React avatar group component that stacks user avatars into a single overlapping cluster with configurable direction and group sizing

import { AvatarGroup } from "@plexui/ui/components/Avatar";

Examples

Overview

+5JT

Stacking direction

stack

startend

TW+5

Group sizing

size

48

+5WJT

Reference

Prop	Type	Default	Description
size	number	—	Size of all avatars in the group
stack	"start" | "end"	"start"	Stacking direction

Related components

AvatarReact avatar component for user identities — initials, photo, or icon fallback, with overflow counts, semantic colors, and roundness optionsBadgeReact badge component for status indicators and inline labels with semantic colors, multiple variants, icon support, and loading stateCardReact card surface primitive for composing login flows, sign-up forms, pricing tiles, payment methods, empty states, and stat showcases