Avatar

PreviousNext

An image element with fallbacks for representing the user.

Docs
bunduicomponent

Preview

Loading preview…
examples/components/avatar/default/page.tsx
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";

export default function AvatarDefault() {
  return (
    <Avatar>
      <AvatarImage src="https://www.tobybelhome.com/user.png" />
      <AvatarFallback>TB</AvatarFallback>
    </Avatar>
  );
}

Installation

npx shadcn@latest add @bundui/avatar-default

Usage

import { AvatarDefault } from "@/components/avatar-default"
<AvatarDefault />