Component

Watermark

Name: Forge
Rating: 5 (1 reviews)
Author: Webba Creative

Overlay watermark pattern on content for branding or protection.

tsx

import { Watermark } from 'wss3-forge'

Usage

•

Repeating watermark pattern

•

Customizable text, size, and rotation

•

Adjustable opacity and spacing

Secret Document

This content is protected with a watermark overlay.

Examples

Confidential Watermark

Secret Document

This content is protected with a watermark overlay.

tsx

1<Watermark text="CONFIDENTIAL" opacity={0.1}>
2  <Card style={{ padding: '2rem', minHeight: 200 }}>
3    <Heading size="sm">Secret Document</Heading>
4    <Text>This content is protected with a watermark overlay.</Text>
5  </Card>
6</Watermark>

Draft Watermark

Work in progress document...

tsx

1<Watermark text="DRAFT" fontSize={20} rotate={-30} opacity={0.08}>
2  <Card style={{ padding: '2rem', minHeight: 150 }}>
3    <Text>Work in progress document...</Text>
4  </Card>
5</Watermark>

Tour

AI Integration

Last updated: December 2025

Watermark

Usage

Secret Document

Examples

Confidential Watermark

Secret Document

Draft Watermark

Cookies