Avatar

A user or agent image, or a soft colour disc when there is no photo, plus a stacked group.

tsx
import {
  Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, OrbAvatar,
} from "@pestoui/core"

Sizes & group

With no photo, an OrbAvatar fills the avatar. Put it in AvatarFallback, beside an AvatarImage, and it stands in until the photo loads.

+3

Initials

AvatarFallback takes text too, for a name that should read as initials.

RCRCRC

Pesto UI · 117 documented components