An image element with a fallback for representing the user.
import { Avatar, AvatarFallback, AvatarImage, } from "@/components/ui/avatar" export function AvatarDemo() { return ( <Avatar> <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" /> <AvatarFallback>CN</AvatarFallback> </Avatar> ) }
Part of shadcn/ui — browse the full library on 21st.dev.