mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-22 22:48:29 +08:00
6f83c63d74
* 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
15 lines
323 B
TypeScript
15 lines
323 B
TypeScript
import React from 'react';
|
|
import { Watermark } from 'antd';
|
|
|
|
const App: React.FC = () => (
|
|
<Watermark
|
|
height={30}
|
|
width={130}
|
|
image="https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*lkAoRbywo0oAAAAAAAAAAAAADrJ8AQ/original"
|
|
>
|
|
<div style={{ height: 500 }} />
|
|
</Watermark>
|
|
);
|
|
|
|
export default App;
|