chrome@pdfcn-vue/watermark

Watermark

Diagonal or centered watermark text.

Installation

Terminal

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

Example

<Watermark text="DRAFT" variant="diagonal" />

Prop	Type	Default	Description
text	string	—	Watermark text.
variant	'diagonal' \| 'center'	'diagonal'	Placement style.
opacity	number	0.12	Opacity from 0 to 1.

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

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