Skip to content

1273082756/react-watermark

 
 

Repository files navigation

@pansy/react-watermark

水印组件

该组件将在 react-components 维护

✨ 特性

  • 🚀 支持一个页面添加多处不同水印
  • 🌈 安全防御 - 防止他人删除水印dom或修改样式属性
  • 🐠 支持自定义水印样式

🏗 安装

// npm 安装
npm install --save @pansy/react-watermark

// yarn 安装
yarn add @pansy/react-watermark

🔨 使用

import React from 'react';
import Watermark from '@pansy/react-watermark';

export default () => {
  return (
    <Watermark style={{ width: 500, height: '100%' }} text="测试水印">
      <div>
        <button>
          123
        </button>
      </div>
    </Watermark>
  )
}

🌟 社区互助

Github Issue 钉钉群 微信群
issues

Packages

No packages published

Languages

  • TypeScript 99.7%
  • Shell 0.3%