AlertDialogContent

Source: client/lib/theme/vueda-tailwind/shell/index.js

The centered alert dialog surface. It uses the modal radius, overlay shadow, fixed viewport centering, and entrance or exit motion expected for blocking confirmations.

Vue component: AlertDialogContent

Slot	Default classes	Description
root	3 classes	The centered alert dialog surface. It uses the modal radius, overlay shadow, fixed viewport centering, and entrance or exit motion expected for blocking confirmations.
overlay	2 classes	The alert dialog backdrop. It fills the viewport with the shared overlay color and fades with the same open or closed state as the dialog surface.

root

The centered alert dialog surface. It uses the modal radius, overlay shadow, fixed viewport centering, and entrance or exit motion expected for blocking confirmations.

Default classes:

bg-background text-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95
fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4
rounded-vueda-modal overlay-hairline overlay-hairline-elevated p-6 duration-200 sm:max-w-lg

Source: client/lib/theme/vueda-tailwind/shell/AlertDialogContent.theme.js:18

overlay

The alert dialog backdrop. It fills the viewport with the shared overlay color and fades with the same open or closed state as the dialog surface.

Default classes:

data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0
fixed inset-0 z-50 bg-overlay

Source: client/lib/theme/vueda-tailwind/shell/AlertDialogContent.theme.js:33