---
title: Popconfirm
lang: zh-CN
---

# Popconfirm

A simple confirmation dialog of an element click action.

## Basic usage

Popconfirm is similar to Popover. So for some duplicated attributes, please refer to the documentation of Popover.

:::demo Only `title` attribute is avaliable in Popconfirm, `content` will be ignored.

popconfirm/basic-usage

:::

## Customize

You can customize Popconfirm like:

:::demo

popconfirm/customize

:::

## Trigger event

Click the button to trigger the event

:::demo

popconfirm/trigger-event

:::

## Attributes

| Name                | Description                                                                         | Type                  | Accepted Values                                    | Default         |
| ------------------- | ----------------------------------------------------------------------------------- | --------------------- | -------------------------------------------------- | --------------- |
| title               | Title                                                                               | String                | —                                                  | —               |
| confirm-button-text | Confirm button text                                                                 | String                | —                                                  | —               |
| cancel-button-text  | Cancel button text                                                                  | String                | —                                                  | —               |
| confirm-button-type | Confirm button type                                                                 | String                | primary / success / warning / danger / info / text | primary         |
| cancel-button-type  | Cancel button type                                                                  | String                | primary / success / warning / danger / info / text | text            |
| icon                | Icon Component                                                                      | `string \| Component` | —                                                  | QuestionFilled  |
| icon-color          | Icon color                                                                          | String                | —                                                  | #f90            |
| hide-icon           | is hide Icon                                                                        | Boolean               | —                                                  | false           |
| teleported          | whether popconfirm is teleported to the body                                        | boolean               | true / false                                       | true            |
| persistent          | when popconfirm inactive and `persistent` is `false` , popconfirm will be destroyed | boolean               | —                                                  | false           |
| width               | popconfirm width                                                                    | string/number         | -                                                  | Min width 150px |

## Slots

| Name      | Description                           |
| --------- | ------------------------------------- |
| reference | HTML element that triggers Popconfirm |

## Events

| Name    | Description                        | Parameters |
| ------- | ---------------------------------- | ---------- |
| confirm | triggers when click confirm button | —          |
| cancel  | triggers when click cancel button  | —          |
