chrome@pdfcn-vue/page-number

PageNumber

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

Installation

Terminal

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

Example

<PageNumber align="center" size="sm" />

Prop	Type	Default	Description
align	'left' \| 'center' \| 'right'	'right'	Alignment within the footer band.
size	'sm' \| 'md'	'sm'	Type size.

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

PageNumber 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.