---
category: Components
type: Feedback
title: Popconfirm
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*sAGpRoBtTXcAAAAAAAAAAAAADrJ8AQ/original
coverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*HrFtQ6jJJFQAAAAAAAAAAAAADrJ8AQ/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](/components/button/#api) | -                                     |         |
| 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                            | &lt;Icon type="exclamation-circle" /> |         |
| okButton          | custom render confirm button                   | slot                                   | -                                     | 3.0     |
| okButtonProps     | The ok button props                            | [ButtonProps](/components/button/#api) | -                                     |         |
| 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](/components/tooltip/#api) to find more APIs.

## Note

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