mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-18 11:18:14 +08:00
c9c2d5a256
* feat: icon of avatar support ReactNode * docs: update document of Avatar
20 lines
910 B
Markdown
20 lines
910 B
Markdown
---
|
|
category: Components
|
|
type: Data Display
|
|
title: Avatar
|
|
---
|
|
|
|
Avatars can be used to represent people or objects. It supports images, `Icon`s, or letters.
|
|
|
|
## API
|
|
|
|
| Property | Description | Type | Default | Version |
|
|
| --- | --- | --- | --- | --- |
|
|
| icon | the `Icon` type for an icon avatar, see `Icon` Component or use ReactNode | string \| ReactNode | - | |
|
|
| shape | the shape of avatar | `circle` \| `square` | `circle` | |
|
|
| size | the size of the avatar | number \| string: `large` `small` `default` | `default` | |
|
|
| src | the address of the image for an image avatar | string | - | |
|
|
| srcSet | a list of sources to use for different screen resolutions | string | - | 3.11.0 |
|
|
| alt | This attribute defines the alternative text describing the image | string | - | 3.7.0 |
|
|
| onError | handler when img load error, return false to prevent default fallback behavior | () => boolean | - | 3.8.0 |
|