ant-design/components/watermark/demo/basic.tsx

import React from 'react';
import { Watermark } from 'antd';

const App: React.FC = () => (
  <Watermark content="Ant Design">
    <div style={{ height: 500 }} />
  </Watermark>
);

export default App;
feat: New Component Watermark (#39064) * feat: New Component Watermark * docs: add watermark docs * docs: add watermark demo * test: add watermark test * test: add watermark snapshot * chore: add jest-canvas-mock * feat: Watermark calculates the width and height of content by default * docs: update docs * docs: update demo * test: update snapshot * docs: update docs * chore: update bundlesize * chore: Optimize code logic * chore: update size-limit * test: update watermark snapshot 2022-12-08 18:06:36 +08:00			`import React from 'react';`
			`import { Watermark } from 'antd';`

			`const App: React.FC = () => (`
			`<Watermark content="Ant Design">`
			`<div style={{ height: 500 }} />`
			`</Watermark>`
			`);`

			`export default App;`