TkxWatermark

import { TkxWatermark } from 'tekivex-ui';

Live demo

Basic

Single-line watermark over a content area

Q3 financial report

This document contains projections, internal forecasts, and forward-looking statements not yet released publicly. The watermark sits behind the content without interfering with text selection.

Multi Line

Multi-line + custom rotation

Sample contract

Three-line watermark, rotated 12° counter-clockwise. Good for previews / drafts / sample documents.

Accessibility

• Keyboard navigation supported on all interactive elements
• :focus-visible outline at 2px (theme-token primary)
• ARIA roles and properties applied per WAI-ARIA 1.2
• Respects prefers-reduced-motion
• Minimum 44×44 touch target where applicable

Source

src/components/TkxWatermark.tsx

For the full interactive sandbox, open the playground.