Installation
$ pnpm dlx shadcn@latest add @ogimagecn/simple
Usage
import { ImageResponse } from "next/og";
import { Simple } from "@/components/og/simple";
export function GET() {
return new ImageResponse(
<Simple
label="Open Graph"
title="Hello world"
description="A shadcn registry of social card components."
brand="ogimagecn"
/>,
{
width: 1200,
height: 630,
}
);
}API Reference
Simple
| Prop | Type |
|---|---|
label | string |
title | string |
description | string |
brand | string |
logo | string |