For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
/
2.1k
Sponsor

Work Order

Printable service/maintenance work order with job details, parts used, labor tracking, and customer sign-off.

Installation

$ pnpm dlx shadcn@latest add @pdfcn/takumi/work-order

Usage

import { WorkOrderDocument } from "@/components/pdf/work-order";
<WorkOrderDocument
  data={{
    companyName: "FixIt Pro Services",
    workOrderNumber: "WO-2026-0452",
    date: "September 10, 2026",
    priority: "High",
    customer: {
      name: "Riverside Apartments",
      address: "789 Elm St, Austin, TX 78701",
      phone: "(512) 555-0199",
    },
    technician: "Mike Torres",
    jobType: "Repair",
    equipment: {
      description: "Commercial Dishwasher",
      makeModel: "Bosch SHP878ZD5N",
      serialNumber: "BSH-2024-88712",
    },
    parts: [
      {
        partNumber: "PUMP-001",
        description: "Drain Pump Assembly",
        qty: 1,
        unitPrice: 89.99,
      },
      {
        partNumber: "HOSE-012",
        description: "Drain Hose Kit",
        qty: 1,
        unitPrice: 24.5,
      },
    ],
    labor: [
      {
        description: "Diagnosis and repair",
        technician: "Mike Torres",
        hours: 2.5,
        rate: 95.0,
      },
    ],
    taxRate: 0.0825,
    technicianNotes:
      "Found clogged drain pump. Replaced pump and hose. Unit tested OK.",
    warrantyInfo: "90-day warranty on parts and labor.",
    accentColor: "#ea580c",
  }}
/>

Props

PropTypeDescription
dataWorkOrderDataWork order content and totals
themePdfcnThemeOptional theme override