Watermark Confidential Document

ProNew

A document viewer that tiles the reader's name and the date over the page, adds a Confidential header and logs when it is printed.

Customize

Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.

title

reader

date

children

Guide and examples

When to use it

Use this when sensitive documents are read on screen and leaks must be traceable: board packs, contracts, drafts under embargo.

Do not use it when you need real protection (the mark is a deterrent and cannot stop determined copying).

Installation

This item is part of tealmac UI Pro

The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.

Props

Prop	Type	Required	Description
`title`	`string`	required	-
`reader`	`string`	required	The reader, so a leaked copy can be traced.
`date`	`string`	required	Shown on the mark, for example "2026-10-25".
`children`	`React.ReactNode`	required	-
`onPrint`	`() => void`	optional	Called when the person prints the page.

Accessibility

The word Confidential is real text in the header; the mark is aria-hidden decoration.
The mark does not capture pointer events.
Text contrast is unchanged under the translucent mark.

Testing

The pattern ships with a Testing Library test (watermark-confidential-document.test.tsx) that covers the visible label, the mark content and aria-hidden, and the print event.

Guide and examples

When to use it

Use this when sensitive documents are read on screen and leaks must be traceable: board packs, contracts, drafts under embargo.

Do not use it when you need real protection (the mark is a deterrent and cannot stop determined copying).

Installation

This item is part of tealmac UI Pro

The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.

Props

Prop	Type	Required	Description
`title`	`string`	required	-
`reader`	`string`	required	The reader, so a leaked copy can be traced.
`date`	`string`	required	Shown on the mark, for example "2026-10-25".
`children`	`React.ReactNode`	required	-
`onPrint`	`() => void`	optional	Called when the person prints the page.

Accessibility

The word Confidential is real text in the header; the mark is aria-hidden decoration.
The mark does not capture pointer events.
Text contrast is unchanged under the translucent mark.

Testing

The pattern ships with a Testing Library test (watermark-confidential-document.test.tsx) that covers the visible label, the mark content and aria-hidden, and the print event.