Lumi UI

头像

一个易于自定义样式的头像组件。

DocsAPI Reference
Lumi UIPatrick

安装

pnpm dlx shadcn@latest add @lumi-ui/avatar

组件结构

 <Avatar>
  <AvatarImage/>
  <AvatarFallback/>
 </Avatar>

基本用法

import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
<Avatar>
  <AvatarImage src="https://github.com/patrick-xin.png" />
  <AvatarFallback>CN</AvatarFallback>
</Avatar>