# Watermark

Source: https://lumeo.nativ.sh/components/watermark

# Watermark

Adds a repeating text watermark overlay to content.

## Installation

.NET CLI PackageReference Lumeo CLI

dotnet add package Lumeo

One-time app setup (`AddLumeo()`, CSS & JS) is covered in the [installation guide](docs/introduction).

## 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

Preview Code

Basic Watermark

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.

Preview Code

Custom Settings

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

## Related Components

-   [Image](/components/image) — Display images that may need watermark protection
-   [Card](/components/card) — Container for content that can be watermarked