Installation
$ pnpm dlx shadcn@latest add @ogimagecn/shadcn-registry-1
Usage
import { ImageResponse } from "next/og";
import { ShadcnRegistry1 } from "@/components/og/shadcn-registry-1";
export function GET() {
return new ImageResponse(
<ShadcnRegistry1
name="shadcn/ui"
url="ui.shadcn.com"
description="Beautifully designed components built with Radix UI and Tailwind CSS."
items={["159+ components", "open source", "accessible"]}
/>,
{
width: 1200,
height: 630,
}
);
}API Reference
ShadcnRegistry1
| Prop | Type |
|---|---|
name | string |
url | string |
description | string |
logo | string |
items | string[] |