### 何时使用

需要展示操作反馈或提示信息；

需要填写或展示相关信息，需中断用户操作，但不中断当前流程时；

### 推荐/慎用示例

##### 对话框的主要说明文字需明确表达其目的及操作的后果。

<div class="legend">
  <div class="item">
    <img src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/design/dialog-1@2x.png" />
    <img class="tag" src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/doc/good.png" />
  </div>

  <div class="item">
    <img src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/design/dialog-2@2x.png" />
    <img class="tag" src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/doc/bad.png" />
  </div>
</div>

<hr />

##### 对话的按钮需使用可指引后果的操作词汇，而不是模棱两可的词汇。

<div class="legend">
  <div class="item">
    <img src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/design/dialog-3@2x.png" />
    <img class="tag" src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/doc/good.png" />
  </div>

  <div class="item">
    <img src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/design/dialog-4@2x.png" />
    <img class="tag" src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/doc/bad.png" />
  </div>
</div>

### 相似组件

| 相似组件                   | 何时使用                                                                                                                                                                                             |
| :------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [对话框](./dialog)         | 对话框是一种临时窗口，通常在不想中断整体任务流程，但又需要为用户展示信息或获得用户响应时，在页面中打开一个对话框承载相应的信息及操作。                                                               |
| [气泡确认框](./Popconfirm) | 气泡确认框通常用于需要用户进行二次确认、需要给用户展示反馈信息的情况下，与对话框中的提示类对话框的区别是比较快速轻量，适用于不会造成严重后果的二次确认场景，或反馈信息不需要强烈引起用户注意的情况。 |
