ant-design/components/popconfirm/index.en-US.md
MadCcc 40e77c40d3
docs: overview dark cover (#40666)
* docs: add dark overview

* docs: show dark cover in dark theme

* docs: update cover
2023-02-09 22:17:31 +08:00

2.3 KiB

category group title cover coverDark demo
Components Feedback Popconfirm https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*sAGpRoBtTXcAAAAAAAAAAAAADrJ8AQ/original https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*HrFtQ6jJJFQAAAAAAAAAAAAADrJ8AQ/original
cols
2

A simple and compact confirmation dialog of an action.

When To Use

A simple and compact dialog used for asking for user confirmation.

The difference with the confirm modal dialog is that it's more lightweight than the static popped full-screen confirm modal.

Examples

Basic Locale text Placement Conditional trigger Customize icon Asynchronously close Asynchronously close on Promise _InternalPanelDoNotUseOrYouWillBeFired Wireframe

API

Param Description Type Default value Version
cancelButtonProps The cancel button props ButtonProps -
cancelText The text of the Cancel button string Cancel
disabled Whether show popconfirm when click its childrenNode boolean false
icon Customize icon of confirmation ReactNode <ExclamationCircle />
okButtonProps The ok button props ButtonProps -
okText The text of the Confirm button string OK
okType Button type of the Confirm button string primary
showCancel Show cancel button boolean true 4.18.0
title The title of the confirmation box ReactNode | () => ReactNode -
description The description of the confirmation box title ReactNode | () => ReactNode - 5.1.0
onCancel A callback of cancel function(e) -
onConfirm A callback of confirmation function(e) -

Consult Tooltip's documentation to find more APIs.

Note

Please ensure that the child node of Popconfirm accepts onMouseEnter, onMouseLeave, onFocus, onClick events.