shadcn index

Avatar/avatar-standard-

PreviousNext

A avatar/avatar-standard- example

Docs
shadcnblocksblock

Preview

Loading preview…
code/example/avatar/avatar-standard-2.tsx
import { Avatar, AvatarFallback } from "@/components/ui/avatar";

export const title = "Avatar with Placeholder Initials";

const Example = () => (
  <Avatar>
    <AvatarFallback>HB</AvatarFallback>
  </Avatar>
);

export default Example;

Installation

npx shadcn@latest add @shadcnblocks/avatar-avatar-standard-2

Usage

import { AvatarAvatarStandard2 } from "@/components/avatar-avatar-standard-2"
<AvatarAvatarStandard2 />