mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-25 19:50:05 +08:00
e027cbec1c
* chore: add prettier-ignore in markdown demo * docs: format markdown api table * docs: format markdown api table
2.0 KiB
2.0 KiB
category | group | title | cover | demo | ||
---|---|---|---|---|---|---|
Components | Feedback | Popconfirm | https://gw.alipayobjects.com/zos/alicdn/fjMCD9xRq/Popconfirm.svg |
|
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
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 | - | |
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.