You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

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.