Atelier UI

搜索组件…

搜索组件…

Avatar Group

重叠头像组,基于名称哈希生成固定配色,支持 +N 溢出、尺寸与在线状态点。

在沙盒中编辑

复制一段给 AI 编程工具的提示词,包含源码、依赖和用法

属性

AvatarProps

同时支持以下类型的全部属性: React.ComponentProps<"span">

属性类型默认值说明
name* 必填string——
sizeAvatarSize"md"—
statusAvatarStatus——

AvatarGroupProps

同时支持以下类型的全部属性: React.ComponentProps<"div">

属性类型默认值说明
users* 必填AvatarUser[]——
maxnumber4Maximum avatars shown before collapsing into a "+N" chip
sizeAvatarSize"md"—

安装

$ npx shadcn@latest add https://chromotion.dev/r/avatar-group.json

同类组件