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.

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

Customize

You can customize Popconfirm like:

Trigger event

Click the button to trigger the 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	—	—
cancel-button-type	Cancel button type	String	ghost / default	default
icon	Icon Component	string | Component	—	Question
icon-color	Icon color	String	—	#646464
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 160px

Slots

Name	Description
—	custom content of popconfirm, show title by default
reference	HTML element that triggers Popconfirm

Events

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