Avatar

A visual representation of a user, typically shown as an image, initials, or an icon.

Themes

E
E

Controlled state

Props

NameDefaultType
image
-string

Image URL used for the avatar

label
-string

Fallback text shown when the image is missing

size
"md""sm" | "md" | "lg" | "xl" | "2xl" | "xs" | "3xl"

Controls the overall size of the avatar

shape
"circle""circle" | "square"

Defines the avatar shape

Slots

SlotPayload
default
-

Custom content shown inside the avatar (icon / initials replacement)

indicator
-

Small indicator shown at the bottom-right of the avatar