You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: apps/docs/src/pages/composables/plugins/use-stack.md
+16Lines changed: 16 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -41,6 +41,22 @@ app.mount('#app')
41
41
> [!TIP]
42
42
> For client-side only apps, you can skip plugin installation and use the default `stack` singleton directly. The plugin is required for SSR to ensure each request gets its own stack instance.
43
43
44
+
## Scrim Integration
45
+
46
+
Use the [Scrim](/components/providers/scrim) component alongside `useStack` to provide a backdrop for your overlays. The Scrim automatically positions itself below the topmost overlay:
47
+
48
+
```vue
49
+
<script setup lang="ts">
50
+
import { Scrim } from '@vuetify/v0'
51
+
</script>
52
+
53
+
<template>
54
+
<Scrim class="fixed inset-0 bg-black/50" />
55
+
</template>
56
+
```
57
+
58
+
The Scrim reads from the same stack context, so its z-index is always coordinated with your registered overlays.
59
+
44
60
## Usage
45
61
46
62
Use the `useStack` composable to register an overlay and receive its z-index and position in the stack:
0 commit comments