#Watermark

Add a watermark pattern over content for branding or security.

#When to Use

• To protect sensitive documents or images
• For branding on internal dashboards
• To discourage unauthorized screenshots

#Import

import { Watermark } from "orizon";

#Examples

#Basic

<Watermark content="Orizon">
  <div style={{ height: 300 }}>Protected content</div>
</Watermark>

#Multi-line

<Watermark content={["Orizon", "Confidential"]}>
  <div style={{ height: 300 }}>Content</div>
</Watermark>

#Image Watermark

<Watermark image="/logo.png" width={100} height={30}>
  <div style={{ height: 300 }}>Content</div>
</Watermark>

#API

#WatermarkProps

• content — string | string[] — Watermark text (string array for multi-line)
• image — string — Watermark image URL (overrides text)
• width — number — Watermark width (default: 120)
• height — number — Watermark height (default: 64)
• rotate — number — Rotation angle in degrees (default: -22)
• gap — [number, number] — Spacing between watermarks [x, y] (default: [100, 100])
• offset — [number, number] — Position offset [x, y]
• font — { color, fontSize, fontWeight, fontFamily, fontStyle } — Font configuration
• zIndex — number — Z-index of the watermark layer
• inherit — boolean — Inherit to child elements (default: true)