import { AlertDialog } from "@danagraph/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
openreq | boolean | — | Controlled open state |
onConfirmreq | () => void | — | Called when user confirms |
onCancelreq | () => void | — | Called when user cancels |
titlereq | string | — | Alert heading |
description | string | — | Explanatory text |
confirmLabel | string | "Confirm" | Confirm button text |
cancelLabel | string | "Cancel" | Cancel button text |
variant | "danger" | "info" | "danger" | Visual tone of the alert |
openrequiredType
booleanDefault —Controlled open state
onConfirmrequiredType
() => voidDefault —Called when user confirms
onCancelrequiredType
() => voidDefault —Called when user cancels
titlerequiredType
stringDefault —Alert heading
descriptionType
stringDefault —Explanatory text
confirmLabelType
stringDefault "Confirm"Confirm button text
cancelLabelType
stringDefault "Cancel"Cancel button text
variantType
"danger" | "info"Default "danger"Visual tone of the alert
MobileTouch Target
Dialog renders full-width on mobile with fixed bottom positioning. Action buttons must be ≥44px and stack vertically if there are >2 actions.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?