Docs/PageHeader
chrome@pdfcn-vue/page-header

PageHeader

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

Installation

Terminal

npx shadcn-vue@latest add @pdfcn-vue/page-header

Usage

Example

<PageHeader title="Invoice" subtitle="INV-2026-003" />

Props

PropTypeDefaultDescription
titlestring—Primary header title.
subtitlestring—Secondary line.
variant'default' | 'minimal' | 'branded''default'Header layout variant.
logostring—Optional logo image source.

Live preview

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

PageHeader in a document
Rendered with Forme in your browser.
Browser render

Rendering the PDF…

Vue SFC → Uint8Array

Source files

Registry paths
Files installed under components/pdf.
  • forme/components/PageHeader.vue
  • forme/components/page-chrome.types.ts

Edit the theme tokens

Try the theme builder