ConfirmDialog

Uso

Inyecta NeuConfirmDialogService y llama confirm(data). El servicio crea el diálogo; no coloques NeuConfirmDialogComponent directamente porque necesita datos de diálogo y DialogRef. La Promise devuelve true al aceptar y false al rechazar o cerrar con Escape o el fondo. Ejecuta la operación destructiva solo tras true. El resultado asíncrono forma parte del contrato de este servicio.

Ejemplos

Prueba esta interacción gestionada por la aplicación. Código incluye los eventos y los datos iniciales.

Prueba y configura

Cambia las opciones públicas, prueba el resultado y consulta el template actualizado. Código contiene la implementación ejecutable completa.

this.confirmation.confirm({
  "title": "Eliminar registro",
  "message": "¿Eliminar este registro?",
  "acceptLabel": "Eliminar",
  "rejectLabel": "Cancelar",
  "acceptVariant": "danger"
}).then(accepted => this.record('confirmed', accepted));

Estado y eventos

Inyecta NeuConfirmDialogService y llama confirm(data). El servicio crea el diálogo; no coloques NeuConfirmDialogComponent directamente porque necesita datos de diálogo y DialogRef. La Promise devuelve true al aceptar y false al rechazar o cerrar con Escape o el fondo. Ejecuta la operación destructiva solo tras true. El resultado asíncrono forma parte del contrato de este servicio.

Accesibilidad y teclado

Tab recorre las acciones del diálogo; Escape rechaza y devuelve el foco al activador.

API

Inputs, modelos y Outputs se extraen del paquete Core instalado. Los tipos públicos enlazan a sus definiciones. Los Templates incluyen ejemplos ejecutables.

Configuración pública

Public Types

Abre un tipo para consultar su definición y los campos de sus interfaces.

import type { NeuConfirmDialogData } from '@neural-ui/core/confirm-dialog';

// Declaración pública (solo referencia)
export interface NeuConfirmDialogData {
  acceptLabel?: string;
  acceptVariant?: 'primary' | 'danger';
  message: string;
  rejectLabel?: string;
  rejectVariant?: 'secondary' | 'danger';
  title?: string;
}

Estilos y tokens

Usa los tokens públicos de la referencia. El diseño del contenedor pertenece a tu aplicación; comprueba el resultado en modo claro y oscuro y en espacios estrechos.

Componentes relacionados

Consulta los componentes relacionados cuando necesites otra interacción o un control compuesto.

• Dialog
• BottomSheet
• Sidebar