Overlays

ConfirmDialog

Confirmation for anything irreversible.

@codeways/ui/confirm-dialog

Tones

Confirmation for anything irreversible. Title is the question, body states the consequence in one sentence. Initial focus goes to Cancel.

destructive

default

Usage

import { ConfirmDialog } from "@codeways/ui/confirm-dialog";

<ConfirmDialog
  trigger={<Button variant="danger">Void invoice</Button>}
  title="Void invoice INV-000194?"
  description="This cannot be undone."
  confirmLabel="Void invoice"
  tone="destructive"
  onConfirm={voidInvoice}
/>