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

2.9 KiB

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
confirmButtonText Confirm button text String
cancelButtonText Cancel button text String
confirmButtonType Confirm button type String Primary
cancelButtonType Cancel button type String Text
icon Icon Component String / Component QuestionFilled
iconColor Icon color String #f90
hideIcon 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

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