primitives@pdfcn-vue/heading

Heading

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

Installation

Terminal

npx shadcn-vue@latest add @pdfcn-vue/heading

Example

<Heading :level="2">Quarterly summary</Heading>
<Heading :level="3" tracking="tight">Revenue</Heading>

Prop	Type	Default	Description
level	1 \| 2 \| 3 \| 4 \| 5 \| 6	1	Semantic heading level and type scale key.
align	'left' \| 'center' \| 'right'	—	Heading alignment.
color	string	—	Theme color key or hex.
transform	'uppercase' \| 'lowercase' \| 'capitalize'	—	Text transform.
weight	'normal' \| 'medium' \| 'semibold' \| 'bold'	'bold'	Font weight.
tracking	'tighter' \| 'tight' \| 'normal' \| 'wide' \| 'wider'	'normal'	Letter-spacing scale.
noMargin	boolean	false	Remove vertical margins.
style	Style	—	Merged Forme style override.

The gallery uses a shared document. Change its theme in the theme builder to compare tokens.

Heading in a document

Rendered with Forme in your browser.

Browser render

Rendering the PDF…

Vue SFC → Uint8Array

Registry paths

Files installed under components/pdf.

Need the full template?

See blocks for invoices and reports composed from these primitives.