element-ui/examples/docs/en-US/popconfirm.md

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.

<template>
<el-popconfirm
  title="Are you sure to delete this?"
>
  <el-button slot="reference">Delete</el-button>
</el-popconfirm>
</template>
````
:::

### Customise
You can customise Popconfirm like:
:::demo

html <el-popconfirm confirm-button-text='OK' cancel-button-text='No, Thanks' icon="el-icon-info" icon-color="red" title="Are you sure to delete this?"

Delete

``` :::

Attributes

Attribute	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
cancel-button-type	Cancel button type	String	—	Text
icon	Icon	String	—	el-icon-question
icon-color	Icon color	String	—	#f90
hide-icon	is hide Icon	Boolean	—	false

Slot

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	—