Avatar
Avatars can be used to represent people or objects. It supports images, Icons, or characters.
Basic
use shape and size prop to set avatar's shape and size
Types
It supports images, Icons, or characters
Fallback when image load error
fallback when image load error
How the image fit its container
Set how the image fit its container for an image avatar, same as object-fit.
Attributes
| Attribute | Description | Type | Accepted Values | Default |
|---|---|---|---|---|
| icon | set representation type to Icon, more info on Icon Component | string / Component | ||
| size | set avatar size | number / string | number / large / default /small | default |
| shape | set avatar shape | string | circle / square | circle |
| src | the address of the image for an image avatar | string | ||
| srcSet | A list of one or more strings separated by commas indicating a set of possible image sources for the user agent to use | string | ||
| alt | This attribute defines an alternative text description of the image | string | ||
| fit | set how the image fit its container for an image avatar | string | fill / contain / cover / none / scale-down | cover |
Events
| Event Name | Description | Parameters |
|---|---|---|
| error | handler when img load error, return false to prevent default fallback behavior | (e: Event) |
Slots
| Name | Description |
|---|---|
| default | customize avatar content |