Avatar/avatar-square-

PreviousNext

A avatar/avatar-square- example

Docs
shadcnblocksblock

Preview

Loading preview…
code/example/avatar/avatar-square-3.tsx
import { User } from "lucide-react";

import { Avatar, AvatarFallback } from "@/components/ui/avatar";

export const title = "Avatar with Placeholder Icon";

const Example = () => (
  <Avatar className="rounded-lg">
    <AvatarFallback className="rounded-lg">
      <User className="size-4" />
    </AvatarFallback>
  </Avatar>
);

export default Example;

Installation

npx shadcn@latest add @shadcnblocks/avatar-avatar-square-3

Usage

import { AvatarAvatarSquare3 } from "@/components/avatar-avatar-square-3"
<AvatarAvatarSquare3 />