Search
Popconfirm
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.
The difference with the confirm modal dialog is that it's more lightweight than the static popped full-screen confirm modal.
Basic
The basic example.
Locale text
Set okText and cancelText props to customize the button's labels.
Placement
There are 12 placement options available. Use arrowPointAtCenter if you want the arrow to point at the center of target.
Conditional trigger
Make it pop up under some conditions.
Whether directly execute：
Customize icon
Set icon props to customize the icon.
API
| Property | Description | Type | Default |
|---|---|---|---|
cancelText | text of the Cancel button | string | Cancel |
okText | text of the Confirm button | string | OK |
okType | Button type of the Confirm button | string | primary |
okButtonProps | The ok button props | - | |
cancelButtonProps | The cancel button props | - | |
title | title of the confirmation box | string|ReactNode|() => ReactNode | - |
onCancel | callback of cancel | function(e) | - |
onConfirm | callback of confirmation | function(e) | - |
icon | customize icon of confirmation | ReactNode | |
disabled | is show popconfirm when click its childrenNode | boolean | false |