Watermark
Adds a repeating text watermark overlay to content.
Installation
dotnet add package Lumeo
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <Watermark />
When to Use
- Document protection to discourage unauthorized screenshots or sharing
- Draft indicators overlaid on content that is not yet finalized
- Confidential overlays marking sensitive or restricted information
- Branding watermarks on previews or demo content
This document contains sensitive information that should not be shared externally.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Draft Document
This is a work in progress. Content may change before final publication.
API Reference
| Property | Type | Default | Description |
|---|---|---|---|
| Text | string? | null | Watermark text to display. |
| Rotation | int | -22 | Text rotation angle in degrees. |
| Gap | int | 100 | Spacing between watermark repetitions. |
| FontSize | int | 14 | Font size in pixels. |
| Opacity | double | 0.1 | Text opacity (0-1). |
| ChildContent | RenderFragment? | null | Content to display under the watermark. |