设计
设计指南
设计原则
样式指南
设计资源
Klein - Figma
Klein Font
官方图标库
开发
开发文档
React
Vue Web
敬请期待
开发资源
GitHub 代码仓库
生态产品
生态产品
Orion Fonts
敬请期待
Orio Market
敬请期待
Klein Pro
敬请期待
Klein Editor
敬请期待

头像 Avatar

用来代表用户或事物,支持图片或字符。

头像加载

基础用法。

加载状态回调

通过onLoad及onError回调事件获取头像加载状态。

不同类型的头像

支持字符,图片。

Avatar Props

参数说明类型默认值
shape指定头像形状"circle"circle
size设置头像大小numbermedium
src头像资源地址string-
style自定义 styleCSSProperties-
className自定义 classNamestring-
alt图片无法显示时的替代文本string-
onError加载失败的事件(() => void)-
onLoad加载完成的事件(() => void)-

贡献者