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

title	lang
Popconfirm	en-US

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	—	—
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

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