arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 12:14:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(Drawer): add nested prop

Browse Source 
Resolves #4320
This commit is contained in:
Benjamin Canac
2025-07-18 15:55:24 +02:00
parent cad7c45c08
commit e2695ee7e4
4 changed files with 48 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
docs/app/components/content/examples/drawer/DrawerNestedExample.vue Normal file
View File

@@ -0,0 +1,15 @@
<template>
<UDrawer :ui="{ content: 'h-full', overlay: 'bg-inverted/30' }">
<UButton label="Open" color="neutral" variant="subtle" trailing-icon="i-lucide-chevron-up" />
<template #footer>
<UDrawer nested :ui="{ content: 'h-full', overlay: 'bg-inverted/30' }">
<UButton color="neutral" variant="outline" label="Open nested" />
<template #content>
<Placeholder class="flex-1 m-4" />
</template>
</UDrawer>
</template>
</UDrawer>
</template>

11
docs/content/3.components/drawer.md
View File

@@ -328,6 +328,17 @@ name: 'drawer-responsive-example'
---
::
### Nested drawers :badge{label="Soon" class="align-text-top"}
You can nest drawers within each other by using the `nested` prop.
::component-example
---
prettier: true
name: 'drawer-nested-example'
---
::
### With footer slot
Use the `#footer` slot to add content after the Drawer's body.