DialogAlert
Confirmação curta e centralizada, com emblema por tom e duas ações. Usa role alertdialog, não fecha com clique fora e abre com o foco em Cancelar.
Tons
O tom escolhe o ícone e a cor do emblema. Só danger pinta o botão de confirmar de vermelho; os outros usam a cor de ação.
Controlado e com carregamento
Com open e onOpenChange, o diálogo só fecha quando a requisição termina.
<DialogAlert
open={open}
onOpenChange={setOpen}
tone="danger"
title="Recusar a assinatura deste documento?"
description="A remetente é avisada por e-mail."
confirmLabel="Recusar"
loading={loading}
onConfirm={refuse}
/>Props
Aceita também as props do Root do Radix: open, defaultOpen, onOpenChange e modal.
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| title | ReactNode | — | Pergunta ou resultado, em frase curta. |
| description | ReactNode | — | Consequência da ação. |
| tone | "info" | "success" | "warning" | "caution" | "danger" | "danger" | Ícone e cor do emblema; danger também pinta o confirmar. |
| icon | LucideIcon | — | Troca o ícone padrão do tom. |
| trigger | ReactNode | — | Elemento que abre o alerta. |
| confirmLabel | string | "Confirmar" | Texto do botão de confirmar. |
| cancelLabel | string | "Cancelar" | Texto do botão de cancelar. |
| onConfirm | () => void | — | Chamado ao confirmar. Só fecha com closeOnConfirm ou pelo onOpenChange. |
| onCancel | () => void | — | Chamado ao cancelar, antes de fechar. |
| closeOnConfirm | boolean | false | Fecha o alerta depois de chamar onConfirm. |
| hideCancel | boolean | false | Esconde o botão de cancelar. |
| loading | boolean | false | Indicador no confirmar e cancelar bloqueado. |
| children | ReactNode | — | Conteúdo extra entre o texto e as ações. |