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

<template>
<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?"
>
  <el-button slot="reference">Delete</el-button>
</el-popconfirm>
</template>

:::

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	—