---
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>