Avatar

Represents people and groups with initials, images, sizes, and presence.

APBWCL

APBWCLDP

Astro

---
import { Avatar, AvatarGroup } from '@charvesta/cetha';
---

<AvatarGroup label="Project members"><Avatar alt="Ayu Pratama" status="online" /><Avatar alt="Bima Wijaya" /></AvatarGroup>

API reference

Prop	Type	Default	Description
`alt`*	`string`	—	Accessible identity.
`initials`	`string`	—	Fallback initials.
`size`	`'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'`	`'md'`	Avatar size.
`status`	`'online' \| 'busy' \| 'away' \| 'offline'`	—	Presence indicator.
`class`	`string`	—	Additional classes forwarded to the rendered element.

Accessibility

Provide a meaningful alt value and label avatar groups.