@pdfn/tailwind

Tailwind CSS support for pdfn.

> Server-only — Tailwind processing runs during HTML generation, not in browsers.

Installation

``bash
npm install @pdfn/tailwind
`

Quick Start

Wrap your template with :

`tsx
import { Document, Page } from '@pdfn/react';
import { Tailwind } from '@pdfn/tailwind';

function Invoice() {
return (





Invoice

Thank you for your purchase.

);
}
`

Custom Theme

Create pdfn-templates/styles.css for custom fonts and colors. This file is isolated from your app's styles — your app and PDF templates never interfere with each other.

`css
/ pdfn-templates/styles.css /
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@import "tailwindcss";

@theme {
--font-inter: "Inter", var(--font-sans);
--color-brand: #007bff;
}
`

Auto-detected when you use .

Edge Runtimes

@pdfn/tailwind works on Node.js but not on edge runtimes (no filesystem).

For Vercel Edge or Cloudflare Workers, add a build plugin:

`bash


Next.js

npm i @pdfn/next

Vite

npm i @pdfn/vite
``

See @pdfn/next or @pdfn/vite for setup.

License

MIT