Avatar

用户头像。有 src 时显示图片,加载失败回退到 name 首字母;无 name/alt 时视为装饰(aria-hidden)。

文档站 Demo 跟随 Rspress 明暗主题(亮色用 admin)。

基础用法

<Avatar name="Ada Lovelace" size="md" />
<Avatar src="/avatar.jpg" alt="Ada" name="Ada" />

实时演示

ALALAL
示例用户坏链回退

API

AvatarProps

属性 类型 默认值 说明
src string 图片地址
alt string 图片替代文本
name string 无图或坏链时的首字母
size "sm" | "md" | "lg" "md" 尺寸
className string 追加类名