Skip to content

DrawerOverlay ​

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

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

Vue component: DrawerOverlay

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

root ​

The drawer backdrop layer. It fills the viewport with the shared overlay token and fades with drawer 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/DrawerOverlay.theme.js:18