Avatar

import {
  Avatar,
  AvatarFallback,

Installation


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

import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"

<Avatar>
  <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
  <AvatarFallback>CN</AvatarFallback>
</Avatar>

import {
  Avatar,
  AvatarFallback,

SMMDLG

import {
  Avatar,
  AvatarFallback,

Component	Description
`Avatar`	The root container
`AvatarImage`	The image element
`AvatarFallback`	Fallback when image fails to load

Prop	Type	Default	Description
`src`	`string`	-	The image source URL
`alt`	`string`	-	Alt text for the image

Prop	Type	Default	Description
`delayMs`	`number`	-	Delay before showing fallback