ant-design/components/popover/demo/arrow-point-at-center.tsx
lijianan b9a6b7b578
demo: update demo (#40318)
* demo: update demo

* add form

* clear

* add Select

* add

* fix style

* fix style

* fix

* revert
2023-01-19 15:37:54 +08:00

23 lines
523 B
TypeScript

import { Button, Popover, Space } from 'antd';
import React from 'react';
const content = (
<>
<p>Content</p>
<p>Content</p>
</>
);
const App: React.FC = () => (
<Space wrap>
<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>
</Space>
);
export default App;