Avatar
An image element with a fallback for representing the user.
CN
Installation
pnpm dlx shadcn@latest add https://8bit.cnlibs.com/r/avatar.jsonUsage
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";<Avatar>
<AvatarImage alt="@shadcn" src="https://github.com/shadcn.png" />
<AvatarFallback>CN</AvatarFallback>
</Avatar>Sizes
Every avatar size, from small to large.
CNCNCN
Group
Stack avatars together with an overflow count.
CNVCKL
+3