Documentation Index
Fetch the complete documentation index at: https://mintlify.com/nuxt/ui/llms.txt
Use this file to discover all available pages before exploring further.
Overview
The Sheet component is an alternative implementation for slide-in overlay panels.
Note: The Sheet component source file was not found in the Nuxt UI codebase. You may want to use the Drawer component instead, which provides similar slide-in overlay functionality. Alternative: Use Drawer
For slide-in overlay panels from screen edges, use the Drawer component:
<template>
<UDrawer v-model:open="isOpen" title="Drawer Title">
<template #default>
<UButton>Open Drawer</UButton>
</template>
<template #body>
<p>Drawer content goes here</p>
</template>
</UDrawer>
</template>
<script setup>
const isOpen = ref(false)
</script>
- Drawer - Slide-in overlay from screen edges (recommended alternative)
- Modal - Centered dialog overlays
- Popover - Floating content containers