Avatar 头像显示用户头像;没有图片时显示名字的首字。复制 Markdown预览代码林A王运 安装复制链接 pnpmnpmbunyarn手动复制代码pnpm dlx shadcn@latest add https://docs.linasan.cn/r/avatar.json第一次装本站的组件前先在项目里执行一次 shadcn init,详见 安装。 用法复制链接 复制代码import { Avatar } from '@/components/ui/avatar'; <Avatar name="林三" src={user.avatar} size={40} />; 属性复制链接 属性类型namestringsrc?stringsize?numbershape?unionsolid?unionclassName?stringBadge 徽标标记状态、分类或数量。十二种外观,两种尺寸。Card 卡片承载一组相关内容的白卡。