Avatar

An image with initials as fallback, a presence dot, and an overlapping group.

Installation

npx plankui@latest add avatar

import { Avatar } from "@/components/ui/avatar";

<Avatar src="/ana.jpg" fallback="AK" status="online" />

Prop	Type	Default	Description
fallback	string	required	Initials when there is no image.
size	"xs" \| "sm" \| "md" \| "lg"	"md"	Diameter.
status	"online" \| "away" \| "offline"		Presence dot.
AvatarGroup.max	number		Collapse the rest into a count.