Avatar
Avatar represents a user profile.
In addition, the following props of Image component are also supported:
altlazyonClickonError.
<Avatar src={SOME_IMAGE_SRC} /><Avatar src={SOME_IMAGE_SRC} />Example
Basic usage of Avatar component.
Avatar shape
Customize avatar size
Avatar with fallback image
API
| Properties | Description | Type | Default |
|---|---|---|---|
| fallback | The fallback placeholder | ReactNode | The fallback image. |
| fit | The fill mode of the image | 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' | cover |
| src | The image source of avatar | string | - |
| shape | The image shape | square | circle | square |
| size | The image size | number | - |