# Dialog
对话框
当需要一个简洁的确认框询问用户时，可以使用 Dialog。
## Usage
### Basic
```tsx
import React, { useState } from 'react'
import { Button, Dialog } from 'react-icecream'
export default () => {
const [visible, setVisible] = useState(false)
return (
<>
)
}
```
### 带 Icon
设置 `icon` 属性即可
```tsx
import React, { useState } from 'react'
import { Button, Dialog } from 'react-icecream'
export default () => {
const [visible, setVisible] = useState(false)
return (
<>
)
}
```
### 不带标题
不设置 `title` 即可
```tsx
import React, { useState } from 'react'
import { Button, Dialog } from 'react-icecream'
export default () => {
const [visible, setVisible] = useState(false)
return (
<>
)
}
```
### 对 `footer` 进行配置
通过对传入 prop `footer` 的 `Footer` 进行配置，我们可以控制 `footer` 中按钮的文本、类型等