cjd-parkball/src/components/popover/demo/basic.md

> 中后台业务组件库，中后台就像公园，进入需要买门票（登录），所以以 Parkball(公园球) 命名，公园内必定捕获！作为一个组件库，提供使用方法文档，方便开发者的调用

---
category: 2
title: 基本
title_en: Basic
---

 zh-CN

最简单的用法，浮层的大小由内容区域决定。

 en-US

The most basic example. The size of the floating layer depends on the contents region.

````jsx
import { Popover, Button } from 'parkball';

const contentData = [
  'this is one content',
  'this is another content',
  'this is another content again',
  'this is another content again again',
  'this is another content again again again',
  'this is another content again again again again',
]

ReactDOM.render(
  <Popover
    contentData={contentData}
  >
    <Button type="primary">Hover me</Button>
  </Popover>,
  mountNode);
````

<style>
p {
  margin: 0;
}
</style>