Components
Blocks
- Gift Certificate
- Event Agenda
- Event Ticket
- Invoice Classic
- Invoice Consultant
- Invoice Corporate
- Invoice Creative
- Invoice Minimal
- Invoice Modern
- Lesson Plan
- Medical Intake Form
- Meeting Minutes
- Packing Slip
- Press Release
- Report Financial
- Report Marketing
- Report Operations
- Report Security
- Shipping Label
- Work Order
Rendering PDF…
Installation
$ pnpm dlx shadcn@latest add @angular-pdfcn/theme-blueprintUsage
import { Component } from "@angular/core";
import { PdfcnThemeProvider } from "@/components/pdf/theme-provider";
import { blueprintTheme } from "@/lib/pdf-themes/blueprint";
@Component({
selector: "app-invoice",
imports: [PdfcnThemeProvider],
template: `
<pdf-theme-provider [theme]="theme">
<!-- Your PDF content -->
</pdf-theme-provider>
`,
})
export class Invoice {
protected readonly theme = blueprintTheme;
}