Skip to content

SheetOverlay ​

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

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

Vue component: SheetOverlay

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

root ​

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