Skip to content

Watermark

stable

Draft/confidential overlay for financial reports and dashboards

import { Watermark } from "@nodus/design-system/finance"
Loading demo…

Props

label
Type WatermarkLabel | stringDefault

Watermark text (DRAFT, CONFIDENTIAL, INTERNAL, PRELIMINARY, or custom)

childrenrequired
Type ReactNodeDefault

Child content to overlay

opacity
Type numberDefault 0.06

Opacity of the watermark (0-1)

rotation
Type numberDefault -30

Rotation angle in degrees

MetadataDRAFTCONFIDENTIALINTERNALPRELIMINARYsemantictype
MobileWorks As-Is
Design Rationale

This component was designed to express:

Explore Related

Was this helpful?