Skip to content

DialogOverlay ​

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

The dialog backdrop layer. It fills the viewport with the shared overlay token and fades with dialog state changes.

Vue component: DialogOverlay

SlotDefault classesDescription
root2 classesThe dialog backdrop layer. It fills the viewport with the shared overlay token and fades with dialog state changes.

root ​

The dialog backdrop layer. It fills the viewport with the shared overlay token and fades with dialog state changes.

Default classes:

text
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/DialogOverlay.theme.js:18