头像 Avatar

用来代表用户或事物，支持图片、图标或字符展示。

何时使用

• 需要展示用户或事物的头像
• 需要多种尺寸和形状的头像展示
• 需要展示一组用户的头像

代码演示

基本用法

头像有三种类型：图片、图标和字符，其中图标和字符会自动根据内容调整背景色。

尺寸

头像有四种尺寸：迷你（mini）、小（small）、中（middle，默认）、大（large）。

形状

头像支持两种形状：圆形（默认）和方形。

头像组

头像组合展现，常用于展示一组用户。

自定义样式

可以自定义头像的背景色、字体颜色等样式。

API

Avatar

参数	说明	类型	默认值
size	设置头像尺寸	mini | small | middle | large	middle
square	是否为方形头像	boolean	false
src	图片头像的资源地址	string	-
alt	图片头像的替代文本	string	-
imgProps	透传给 img 元素的属性	ImgHTMLAttributes	-
children	子元素（文字或图标）	ReactNode	-

AvatarGroup

参数	说明	类型	默认值
children	子元素（Avatar 组件）	ReactNode	-