Popconfirm

何时使用 {#when-to-use}

目标元素的操作需要用户进一步的确认时，在目标元素附近弹出浮层提示，询问用户。

和 confirm 弹出的全屏居中模态对话框相比，交互形式更轻量。

代码演示 {#examples}

<!-- prettier-ignore -->

<code src="./demo/basic.tsx">基本</code> <code src="./demo/locale.tsx">国际化</code> <code src="./demo/placement.tsx">位置</code> <code src="./demo/shift.tsx" iframe="300">贴边偏移</code> <code src="./demo/dynamic-trigger.tsx">条件触发</code> <code src="./demo/icon.tsx">自定义 Icon 图标</code> <code src="./demo/async.tsx">异步关闭</code> <code src="./demo/promise.tsx">基于 Promise 的异步关闭</code> <code src="./demo/style-class.tsx" version="6.0.0">自定义语义结构的样式和类</code> <code src="./demo/render-panel.tsx" debug>_InternalPanelDoNotUseOrYouWillBeFired</code> <code src="./demo/wireframe.tsx" debug>线框风格</code>

API

通用属性参考：通用属性

参数	说明	类型	默认值	版本
cancelButtonProps	cancel 按钮 props	ButtonProps	-
cancelText	取消按钮文字	string	取消
disabled	阻止点击 Popconfirm 子元素时弹出确认框	boolean	false
icon	自定义弹出气泡 Icon 图标	ReactNode	<ExclamationCircle />
okButtonProps	ok 按钮 props	ButtonProps	-
okText	确认按钮文字	string	确定
okType	确认按钮类型	string	primary
showCancel	是否显示取消按钮	boolean	true	4.18.0
title	确认框标题	ReactNode | () => ReactNode	-
description	确认内容的详细描述	ReactNode | () => ReactNode	-	5.1.0
onCancel	点击取消的回调	function(e)	-
onConfirm	点击确认的回调	function(e)	-
onPopupClick	弹出气泡点击事件	function(e)	-	5.5.0

<!-- 共同的 API -->

<embed src="../tooltip/shared/sharedProps.zh-CN.md"></embed>

Semantic DOM

<code src="./demo/_semantic.tsx" simplify="true"></code>

主题变量（Design Token）{#design-token}

<ComponentTokenTable component="Popconfirm"></ComponentTokenTable>

FAQ

<embed src="../tooltip/shared/sharedFAQ.zh-CN.md"></embed>

更多问题，请参考 Tooltip FAQ。