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.

Customize

You can customize Popconfirm like:

Trigger event

Click the button to trigger the event

Attributes

AttributeDescriptionTypeAccepted ValuesDefault
titleTitleString
confirm-button-textConfirm button textString
cancel-button-textCancel button textString
confirm-button-typeConfirm button typeStringprimary / success / warning / danger / info / textprimary
cancel-button-typeCancel button typeStringprimary / success / warning / danger / info / texttext
iconIcon ComponentString / ComponentQuestionFilled
icon-colorIcon colorString#f90
hide-iconis hide IconBooleanfalse
teleportedwhether popconfirm is teleported to the bodybooleantrue / falsetrue
persistentwhen popconfirm inactive and persistent is false , popconfirm will be destroyedbooleanfalse

Slots

NameDescription
referenceHTML element that triggers Popconfirm

Events

Event NameDescriptionParameters
confirmtriggers when click confirm button
canceltriggers when click cancel button

Source

ComponentDocs

Contributors