Components › Display
Avatar
An image with initials as fallback, a presence dot, and an overlapping group.
Installation
npx plankui@latest add avatarUsage
import { Avatar } from "@/components/ui/avatar";
<Avatar src="/ana.jpg" fallback="AK" status="online" />API reference
| 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. |