Docs/Components

Components

Install individual PDF components with @pdfcn-vue/<name> .

Text
primitives
Body text with theme-aware typography, color, and spacing.

@pdfcn-vue/text

Heading
primitives
Document headings H1–H6 sized from the theme heading scale.

@pdfcn-vue/heading

Stack
layout
Flex stack with theme gap scale for vertical or horizontal layout.

@pdfcn-vue/stack

Section
layout
Titled section container with theme section spacing.

@pdfcn-vue/section

Divider
layout
Horizontal or vertical rule with theme border color.

@pdfcn-vue/divider

PageBreak
layout
Explicit page break for multi-page documents.

@pdfcn-vue/page-break

KeepTogether
layout
Keep child content on the same page when there is room.

@pdfcn-vue/keep-together

Link
primitives
External or internal PDF link with theme color.

@pdfcn-vue/link

List
primitives
Ordered and unordered lists with nested items.

@pdfcn-vue/list

Card
primitives
Bordered or muted content card for grouping document blocks.

@pdfcn-vue/card

Badge
primitives
Compact status or category label.

@pdfcn-vue/badge

Alert
primitives
Inline callout with tone variants.

@pdfcn-vue/alert

KeyValue
data
Aligned label/value pairs for metadata blocks.

@pdfcn-vue/key-value

Table
data
Semantic table primitives (header, body, row, cell, footer).

@pdfcn-vue/table

DataTable
data
Column-driven data table with compact styles and footers.

@pdfcn-vue/data-table

Form
data
Printable form fields and field groups.

@pdfcn-vue/form

Graph
data
Chart wrapper (bar, line, area, pie, donut) over Forme chart primitives.

@pdfcn-vue/graph

QrCode
data
QR code with optional caption.

@pdfcn-vue/qrcode

PdfImage
data
Image with fit modes and caption support.

@pdfcn-vue/pdf-image

PageHeader
chrome
Fixed page header with logo, title, and meta slots.

@pdfcn-vue/page-header

PageFooter
chrome
Fixed page footer with variant layouts.

@pdfcn-vue/page-footer

PageNumber
chrome
Page number / total pages chrome. Uses Forme PAGE_NUMBER and TOTAL_PAGES constants.

@pdfcn-vue/page-number

Watermark
chrome
Diagonal or centered watermark text.

@pdfcn-vue/watermark

Signature
chrome
Signature block with signer metadata.

@pdfcn-vue/signature

Edit the theme tokens

Try the theme builder