chrome
@pdfcn-vue/page-headerPageHeader
Fixed page header with logo, title, and meta slots.
Installation
Terminal
npx shadcn-vue@latest add @pdfcn-vue/page-headerUsage
Example
<PageHeader title="Invoice" subtitle="INV-2026-003" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Primary header title. |
| subtitle | string | — | Secondary line. |
| variant | 'default' | 'minimal' | 'branded' | 'default' | Header layout variant. |
| logo | string | — | Optional logo image source. |
Live preview
The gallery uses a shared document. Change its theme in the theme builder to compare tokens.
Source files
Need the full template?
See blocks for invoices and reports composed from these primitives.