2023-05-25 20:09:48 +08:00
|
|
|
import React from 'react';
|
2023-07-28 16:17:43 +08:00
|
|
|
import { ConfigProvider, Popover } from 'antd';
|
2023-05-25 20:09:48 +08:00
|
|
|
|
|
|
|
const { _InternalPanelDoNotUseOrYouWillBeFired: InternalPopover } = Popover;
|
|
|
|
|
|
|
|
const content = (
|
|
|
|
<div>
|
|
|
|
<p>Content</p>
|
|
|
|
<p>Content</p>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
|
|
|
|
const App: React.FC = () => (
|
|
|
|
<ConfigProvider
|
|
|
|
theme={{
|
|
|
|
components: {
|
|
|
|
Popover: {
|
|
|
|
minWidth: 40,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
<InternalPopover content={content} title="Title" />
|
|
|
|
<InternalPopover
|
|
|
|
content={content}
|
|
|
|
title="Title"
|
|
|
|
placement="bottomLeft"
|
|
|
|
style={{ width: 250 }}
|
|
|
|
/>
|
|
|
|
</ConfigProvider>
|
|
|
|
);
|
|
|
|
|
|
|
|
export default App;
|