Components
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
| Prop | Type | Description |
|---|---|---|
data | WorkOrderData | Work order content and totals |
theme | PdfcnTheme | Optional theme override |