GitHub

Avatar

An image element with a fallback for representing the user.

Docs API
VV

Installation

pnpm dlx shadcn@latest add https://shark-ui.vercel.app/r/avatar.json

Usage

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