WaterMark

Container with watermark background

Instruction

import { WaterMark } from  'mand-mobile-next'

Vue.createApp().component(WaterMark.name, WaterMark)

Code Examples

API

WaterMark Props

PropsDescriptionTypeDefaultNote
content-String-complex content using scoped slot
spacing-String20vw-
repeat-x-Booleantrue-
repeat-y-Booleantrue-
rotate-String-30-
opacity-String0.1-

WaterMark Slots

default

Default slot of content

watermark

scoped slot of watermark content

<div slot="watermark" slot-scope="{ coord }">
  <!-- coord.row row index -->
  <!-- coord.col column index -->
</div>