1- ---
2- title : AlertDialog
3- ---
4-
51# AlertDialog
62
3+ Modal dialog that interrupts the user with critical information requiring immediate action
4+
5+
76## Example
87
98import { DocExample } from " @site/src/components/DocExample" ;
@@ -13,6 +12,8 @@ import { DocExample } from "@site/src/components/DocExample";
1312
1413## AlertDialog
1514
15+ Modal dialog that interrupts the user with critical information requiring immediate action
16+
1617
1718** Source:** [ ` packages/appkit-ui/src/react/ui/alert-dialog.tsx ` ] ( https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/alert-dialog.tsx )
1819
@@ -38,6 +39,8 @@ import { AlertDialog } from '@databricks/appkit-ui';
3839
3940## AlertDialogAction
4041
42+ Primary action button that confirms the alert
43+
4144
4245** Source:** [ ` packages/appkit-ui/src/react/ui/alert-dialog.tsx ` ] ( https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/alert-dialog.tsx )
4346
@@ -61,6 +64,8 @@ import { AlertDialogAction } from '@databricks/appkit-ui';
6164
6265## AlertDialogCancel
6366
67+ Cancel button that dismisses the alert dialog
68+
6469
6570** Source:** [ ` packages/appkit-ui/src/react/ui/alert-dialog.tsx ` ] ( https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/alert-dialog.tsx )
6671
@@ -84,6 +89,8 @@ import { AlertDialogCancel } from '@databricks/appkit-ui';
8489
8590## AlertDialogContent
8691
92+ Main content container for the alert dialog
93+
8794
8895** Source:** [ ` packages/appkit-ui/src/react/ui/alert-dialog.tsx ` ] ( https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/alert-dialog.tsx )
8996
@@ -112,6 +119,8 @@ import { AlertDialogContent } from '@databricks/appkit-ui';
112119
113120## AlertDialogDescription
114121
122+ Descriptive text explaining the alert
123+
115124
116125** Source:** [ ` packages/appkit-ui/src/react/ui/alert-dialog.tsx ` ] ( https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/alert-dialog.tsx )
117126
@@ -135,6 +144,8 @@ import { AlertDialogDescription } from '@databricks/appkit-ui';
135144
136145## AlertDialogFooter
137146
147+ Footer section containing action buttons
148+
138149
139150** Source:** [ ` packages/appkit-ui/src/react/ui/alert-dialog.tsx ` ] ( https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/alert-dialog.tsx )
140151
@@ -156,6 +167,8 @@ import { AlertDialogFooter } from '@databricks/appkit-ui';
156167
157168## AlertDialogHeader
158169
170+ Header section containing title and description
171+
159172
160173** Source:** [ ` packages/appkit-ui/src/react/ui/alert-dialog.tsx ` ] ( https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/alert-dialog.tsx )
161174
@@ -177,6 +190,8 @@ import { AlertDialogHeader } from '@databricks/appkit-ui';
177190
178191## AlertDialogOverlay
179192
193+ Background overlay that dims content behind the alert dialog
194+
180195
181196** Source:** [ ` packages/appkit-ui/src/react/ui/alert-dialog.tsx ` ] ( https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/alert-dialog.tsx )
182197
@@ -201,6 +216,8 @@ import { AlertDialogOverlay } from '@databricks/appkit-ui';
201216
202217## AlertDialogPortal
203218
219+ Portal container for rendering alert dialog content outside the DOM hierarchy
220+
204221
205222** Source:** [ ` packages/appkit-ui/src/react/ui/alert-dialog.tsx ` ] ( https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/alert-dialog.tsx )
206223
@@ -225,6 +242,8 @@ import { AlertDialogPortal } from '@databricks/appkit-ui';
225242
226243## AlertDialogTitle
227244
245+ Title heading for the alert dialog
246+
228247
229248** Source:** [ ` packages/appkit-ui/src/react/ui/alert-dialog.tsx ` ] ( https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/alert-dialog.tsx )
230249
@@ -248,6 +267,8 @@ import { AlertDialogTitle } from '@databricks/appkit-ui';
248267
249268## AlertDialogTrigger
250269
270+ Button that triggers the alert dialog to open
271+
251272
252273** Source:** [ ` packages/appkit-ui/src/react/ui/alert-dialog.tsx ` ] ( https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/alert-dialog.tsx )
253274
0 commit comments