2015-06-17 16:58:13 +08:00
|
|
|
# 基本
|
|
|
|
|
|
|
|
|
|
- order: 0
|
|
|
|
|
|
|
|
|
|
最简单的用法。
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
````jsx
|
2015-10-28 20:55:49 +08:00
|
|
|
import { Popover, Button } from 'antd';
|
2015-10-08 15:13:04 +08:00
|
|
|
|
2015-10-28 20:55:49 +08:00
|
|
|
const content = <div>
|
2015-06-17 16:58:13 +08:00
|
|
|
<p>内容</p>
|
2015-07-08 20:53:11 +08:00
|
|
|
<p>内容</p>
|
|
|
|
|
</div>;
|
2015-06-17 16:58:13 +08:00
|
|
|
|
2015-10-20 16:47:55 +08:00
|
|
|
ReactDOM.render(
|
2015-06-17 16:58:13 +08:00
|
|
|
<Popover overlay={content} title="标题">
|
2015-10-08 15:13:04 +08:00
|
|
|
<Button type="primary">弹出卡片</Button>
|
2015-06-17 16:58:13 +08:00
|
|
|
</Popover>
|
|
|
|
|
, document.getElementById('components-popover-demo-basic'));
|
|
|
|
|
````
|
