RUI.next

Data-Display
Watermark

Watermark

Watermark UI display.

<Watermark content="RUI next" />
<Watermark content="RUI next" />

Example

Basic usage of Watermark component.

API

PropertiesDescriptionTypeDefault
gapXThe horizontal spacing between Watermark elementnumber24
gapYThe vertical spacing between Watermark elementnumber48
zIndexThe z-index of Watermark elementnumber1100
widthThe Watermark widthnumber120
heightThe Watermark heightnumber64
rotateThe Watermark rotate degreenumber-22
contentThe Watermark text contentstring-
imageThe image sourcestring-
imageWThe image widthnumber120
imageHThe image heightnumber64
fontColorThe Watermark font colorstringrgba(0, 0, 0, .15)
fontSizeThe font sizestring | number14