ant-design-vue/components/popconfirm/index.en-US.md
2023-02-23 12:21:23 +08:00

2.0 KiB

category type title cover
Components Feedback Popconfirm https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*sAGpRoBtTXcAAAAAAAAAAAAADrJ8AQ/original

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.

API

Param Description Type Default value Version
cancelButton custom render cancel button slot - 3.0
cancelButtonProps The cancel button props ButtonProps -
cancelText text of the Cancel button string|slot Cancel
disabled is show popconfirm when click its childrenNode boolean false
icon customize icon of confirmation vNode|slot <Icon type="exclamation-circle" />
okButton custom render confirm button slot - 3.0
okButtonProps The ok button props ButtonProps -
okText text of the Confirm button string|slot Confirm
okType Button type of the Confirm button string primary
showCancel Show cancel button boolean true 3.0
title title of the confirmation box string|slot -
description The description of the confirmation box title string|slot - 4.0
visible (v-model) hide or show boolean -

events

Events Name Description Arguments Version
cancel callback of cancel function(e) -
confirm callback of confirmation function(e) -
openChange Callback executed when visibility of the tooltip card is changed function(open) - 4.0

Consult Tooltip's documentation to find more APIs.

Note

Please ensure that the child node of Popconfirm accepts mouseenter, mouseleave, focus, click events.