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

feat(Drawer): handle direction + handle props

Browse Source
This commit is contained in:
Benjamin Canac
2024-09-27 11:44:52 +02:00
parent 5b62a8c8ca
commit 5f77aac368
10 changed files with 312 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
playground/app/pages/components/drawer.vue
View File

@@ -24,5 +24,37 @@ const open = ref(false)
<Placeholder class="h-screen w-full" />
</template>
</UDrawer>
<UDrawer title="Drawer with bottom direction" direction="bottom" :handle="false">
<UButton color="gray" variant="outline" label="Open on bottom" />
<template #body>
<Placeholder class="h-96 w-full" />
</template>
</UDrawer>
<UDrawer title="Drawer with left direction" direction="left" :handle="false">
<UButton color="gray" variant="outline" label="Open on left" />
<template #body>
<Placeholder class="w-96 h-full" />
</template>
</UDrawer>
<UDrawer title="Drawer with top direction" direction="top" :handle="false">
<UButton color="gray" variant="outline" label="Open on top" />
<template #body>
<Placeholder class="h-96 w-full" />
</template>
</UDrawer>
<UDrawer title="Drawer with right direction" direction="right" :handle="false">
<UButton color="gray" variant="outline" label="Open on right" />
<template #body>
<Placeholder class="w-96 h-full" />
</template>
</UDrawer>
</div>
</template>