Components
Installation
$ pnpm dlx shadcn@latest add @pdfcn/takumi/event-ticket
Usage
import { EventTicketDocument } from "@/components/pdf/event-ticket";<EventTicketDocument
data={{
eventName: "ShadCN Labs Conf",
eventDate: "May 15, 2026",
eventTime: "9:00 AM",
venue: "Convention Center",
address: "123 Main St, Las Vegas, NV",
doorsOpen: "8:00 AM",
ticketType: "VIP",
ticketNumber: "TKT-00142",
seat: { section: "A", row: "3", number: "12" },
organizer: "ShadCN Labs",
socialLinks: [
{ platform: "X", url: "x.com/shadcn" },
{ platform: "Instagram", url: "instagram.com/shadcn" },
],
accentColor: "#52525b",
}}
/>With a pre-rendered QR image
Provide qrCodeUrl to render an image instead of the generated QR code:
<EventTicketDocument
data={{
// ...
ticketNumber: "TKT-00142",
qrCodeUrl: "https://example.com/qr/TKT-00142.png",
}}
/>Props
| Prop | Type | Description |
|---|---|---|
data | EventTicketData | Ticket content: event, venue, times, seat, ticket type/number, and footer fields |
theme | PdfcnTheme | Optional theme override |