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

NameDescriptionTypeAccepted 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
widthpopconfirm widthstring/number-Min width 150px

Slots

NameDescription
referenceHTML element that triggers Popconfirm

Events

NameDescriptionParameters
confirmtriggers when click confirm button
canceltriggers when click cancel button

Source

ComponentDocs

Contributors