Components
Loading preview...
An image element with a fallback for representing the user.
npx shadcn@latest add https://21st.dev/r/shadcn/avatarimport {
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>
)
}