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 设置图片头像