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

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2