Generic component that overlays a watermark on top of FT content

Install

npm install @fluid-topics/ft-content-watermark
yarn add @fluid-topics/ft-content-watermark

Usage

import { html } from "lit"
import { FtWatermark } from "@fluid-topics/public-api"
import "@fluid-topics/ft-content-watermark"

function render() {
    const watermark: FtWatermark = {
        color: "red",
        opacity: 0.3,
        text: ["Internal use only"],
    }
    return html`
        <ft-content-watermark .watermark=${ watermark }
                              .heightReference=${ this.offsetParent }></ft-content-watermark>
    `
}