Default Avatar

PreviousNext

A default avatar component

Docs
shadcnui-blockscomponent

Preview

Loading preview…
components/customized/avatar/avatar-01.tsx
import { Avatar, AvatarFallback, AvatarImage } from "@/registry/ui/avatar";

export default function AvatarDemo() {
  return (
    <Avatar>
      <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
      <AvatarFallback>CN</AvatarFallback>
    </Avatar>
  );
}

Installation

npx shadcn@latest add @shadcnui-blocks/avatar-01

Usage

import { Avatar01 } from "@/components/avatar-01"
<Avatar01 />