GitHub

Avatar

An easily stylable avatar component.

DocsAPI Reference
Lumi UIER
CNLRER

Installation

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

Anatomy

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

Usage

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