element-plus/docs/en-US/component/popconfirm.md

---
lang: en-US
type: component
---

# 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

| Attribute         | Description         | Type    | Accepted Values | Default          |
| ----------------- | ------------------- | ------- | --------------- | ---------------- |
| title             | Title               | String  | —               | —                |
| confirmButtonText | Confirm button text | String  | —               | —                |
| cancelButtonText  | Cancel button text  | String  | —               | —                |
| confirmButtonType | Confirm button type | String  | —               | Primary          |
| cancelButtonType  | Cancel button type  | String  | —               | Text             |
| icon              | Icon                | String  | —               | el-icon-question |
| iconColor         | Icon color          | String  | —               | #f90             |
| hideIcon          | is hide Icon        | Boolean | —               | false            |

## Slots

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

## Events

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