mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-24 15:46:10 +08:00
905ddfc2c7
Co-authored-by: 贺业晟 <heyesheng@bytedance.com>
1.1 KiB
1.1 KiB
category | type | title | cover |
---|---|---|---|
Components | Data Display | Avatar | https://gw.alipayobjects.com/zos/antfincdn/aBcnbw68hP/Avatar.svg |
Avatars can be used to represent people or objects. It supports images, Icon
s, or letters.
API
Property | Description | Type | Default | Version |
---|---|---|---|---|
icon | custom icon type for an icon avatar | ReactNode | - | |
shape | the shape of avatar | circle | square |
circle |
|
size | the size of the avatar | number | 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 | - | |
alt | This attribute defines the alternative text describing the image | string | - | |
onError | handler when img load error, return false to prevent default fallback behavior | () => boolean | - | |
gap | Letter type unit distance between left and right sides | number | 4 | 4.3.0 |
Tip: You can set
icon
orchildren
as the fallback for image load error, with the priority oficon
>children