mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 09:49:57 +08:00
768 B
768 B
order | title | ||||
---|---|---|---|---|---|
4 |
|
zh-CN
设置了 arrowPointAtCenter
后,箭头将指向目标元素的中心。
en-US
The arrow points to the center of the target element, which set arrowPointAtCenter
.
import { Button, Popover } from 'antd';
import React from 'react';
const content = (
<>
<p>Content</p>
<p>Content</p>
</>
);
const App: React.FC = () => (
<>
<Popover placement="topLeft" title="Title" content={content}>
<Button>Align edge / 边缘对齐</Button>
</Popover>
<Popover placement="topLeft" title="Title" content={content} arrowPointAtCenter>
<Button>Arrow points to center / 箭头指向中心</Button>
</Popover>
</>
);
export default App;