popconfirm.md 2.0 KB
Popconfirm
Un dialogo de confirmación simple asociado al evento click de un elemento.
Uso básico
Popconfirm es parecido a Popover. Para algunos atributos duplicados, por favor consulte la documentación de Popover.
:::demo Solo el atributo title esta disponible en Popconfirm, content sera ignorado.
<template>
<el-popconfirm
title="Are you sure to delete this?"
>
<el-button slot="reference">Delete</el-button>
</el-popconfirm>
</template>
````
:::
### Personalización
Se puede personalizar Popconfirm así:
:::demo
html <el-popconfirm confirm-button-text='OK' cancel-button-text='No, Thanks' icon="el-icon-info" icon-color="red" title="Are you sure to delete this?"
``` :::Delete
Atributos
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|---|---|---|---|---|
| title | Titulo | String | — | — |
| confirm-button-text | Texto del botón de confirmación | String | — | — |
| cancel-button-text | Texto del botón de cancelación | String | — | — |
| confirm-button-type | Tipo del botón de confirmación | String | — | Primary |
| cancel-button-type | Tipo del botón de cancelación | String | — | Text |
| icon | Icono | String | — | el-icon-question |
| icon-color | Color icono | String | — | #f90 |
| hide-icon | ¿Es un icono oculto? | Boolean | — | false |
Slot
| Nombre | Descripción |
|---|---|
| reference | Elemento HTML que activa el Popconfirm |
Eventos
| Nombre Evento | Descripción | Parámetros |
|---|---|---|
| confirm | Se activa cuando se pulsa el botón de confirmación | — |
| cancel | Se activa cuando se pulsa el botón de cancelación | — |