For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any docs URL. An agent skill is available at /.well-known/agent-skills/site-skill.md.
AP /angular-pdfcn
0Sponsor

Event Ticket

PreviousNext

Print-ready event admission ticket with event details, seat info, QR code scan-in area, and branding strip.

Takumi Forme
Rendering PDF…

Installation

$ pnpm dlx shadcn@latest add @angular-pdfcn/takumi/event-ticket

Usage

import { Component } from "@angular/core";

import { EventTicketDocument } from "@/components/pdf/blocks/event-ticket/event-ticket";

@Component({
  imports: [EventTicketDocument],
  template: `<pdf-event-ticket />`,
})
export class EventTicketDemo {}

With a pre-rendered QR image

Provide qrCodeUrl to render an image instead of the generated QR code:

import { Component } from "@angular/core";

import { EventTicketDocument } from "@/components/pdf/blocks/event-ticket/event-ticket";
import type { EventTicketData } from "@/components/pdf/blocks/event-ticket/event-ticket.types";

@Component({
  imports: [EventTicketDocument],
  template: `<pdf-event-ticket [data]="data" />`,
})
export class Ticket {
  protected readonly data: EventTicketData = {
    // ...
    ticketNumber: "TKT-00142",
    qrCodeUrl: "https://example.com/qr/TKT-00142.png",
  };
}

Inputs

Input Type Description
data EventTicketData Ticket content: event, venue, times, seat, ticket type/number, and footer fields
theme PdfcnTheme Optional theme override