element-ui/examples/docs/es/popconfirm.md

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

<template>
<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?"
>
  <el-button slot="reference">Delete</el-button>
</el-popconfirm>
</template>

:::

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	—