# Popover

## Usage

```tsx
import React from 'react'
import { Button, Popover } from 'react-icecream'

export default () => {
  return (
    <Popover
      trigger="click"
      placement="right"
      title="标题" 
      content="这是一段内容，这是一段内容，这是一段内容。"
    >
      <Button>点击我</Button>
    </Popover>
  )
}
```

### Popconfirm

带上 `buttons` 属性即可

```tsx
import React from 'react'
import { Button, Popover } from 'react-icecream'

export default () => {
  return (
    <Popover
      trigger="click"
      placement="right"
      title="标题" 
      content="这是一段内容，这是一段内容，这是一段内容。"
      buttons
    >
      <Button>点击我</Button>
    </Popover>
  )
}
```

### 带上图标

带上 `icon` 即可

```tsx
import React from 'react'
import { Button, Popover } from 'react-icecream'

export default () => {
  return (
    <Popover
      trigger="click"
      placement="right"
      title="标题"
      content="这是一段内容，这是一段内容，这是一段内容。"
      buttons
      icon
    >
      <Button>点击我</Button>
    </Popover>
  )
}
```

### 无标题

不设置 `title` 即可

```tsx
import React from 'react'
import { Button, Popover } from 'react-icecream'

export default () => {
  return (
    <Popover
      trigger="click"
      placement="topRight"
      content="这是一段内容，这是一段内容，这是一段内容。"
      buttons
      icon
    >
      <Button>点击我</Button>
    </Popover>
  )
}
```

### 嵌套表单

<code src="./demos/popover-with-form.tsx"></code>

<API></API>