Avatar

npx shadcn@latest add @kanpeki/avatar

import { UserIcon } from "lucide-react";
import { Avatar } from "~/components/ui/avatar";

<Avatar.Root>
  <Avatar.Image src="https://github.com/fellipeutaka.png" alt="@fellipeutaka" />
  <Avatar.Fallback>FU</Avatar.Fallback>
  <Avatar.Placeholder>
    <UserIcon className="size-6" />
  </Avatar.Placeholder>
</Avatar.Root>;