Confirm Dialog

Confirmation on top of the dialog machine: trigger, question, cancel + confirm. danger renders the destructive style.

Previewlive — edit controls below

Content

Trigger text

title

description

confirmLabel

cancelLabel

Appearance

variant

Destructive confirm

import { ConfirmDialog } from "@loom/muslin-react";

<ConfirmDialog
  title="Delete INV-2041?"
  description="The invoice and its PDF will be removed. This cannot be undone."
  confirmLabel="Delete invoice"
  cancelLabel="Keep invoice"
  variant="danger"
  onConfirm={() => deleteInvoice(row.id)}
  trigger="Delete invoice…"
/>