Avatar 头像
用于展示一个头像或者商标。
获取组件
import { Avatar } from 'rsuite';演示
默认
文字
您可以使用 style 来改变 <Avatar> 的背景色和文字颜色。
图标
图片
您可以为 <Avatar> 设置 alt 以确保当图片加载失败时，依然可以显示文字版本的头像
尺寸
徽标
Props
<Badge>
| 属性名称 | 类型(默认值) |
描述 |
|---|---|---|
| alt | string | 图片头像加载失败时的替代文案 |
| children | string, React.Element |
内容（可以是文字或图标） |
| circle | boolean | 以圆形显示 |
| classPrefix | string ('avatar') |
组件 CSS 类的前缀 |
| size | enum: 'lg', 'md', 'sm', 'xs' ('md') |
设置头像尺寸 |
| src | string | 设置图片头像 |