Avatar
A visual representation of a user, typically shown as an image, initials, or an icon.
Themes
Controlled state
Props
| Name | Default | Type |
|---|---|---|
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
| Slot | Payload |
|---|---|
default | - Custom content shown inside the avatar (icon / initials replacement) |
indicator | - Small indicator shown at the bottom-right of the avatar |