mirror of
https://github.com/element-plus/element-plus.git
synced 2024-12-27 03:01:14 +08:00
2.9 KiB
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 | — |