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

feat(Drawer): implement with vaul-vue

Browse Source 
Resolves #53
This commit is contained in:
Benjamin Canac
2024-04-11 14:50:38 +02:00
parent bc2d9ab620
commit 5e6275fcff
11 changed files with 444 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
playground/app.vue
View File

@@ -18,6 +18,7 @@ const components = [
'checkbox',
'chip',
'collapsible',
'drawer',
'dropdown-menu',
'form',
'form-field',
@@ -45,7 +46,7 @@ function upperName (name: string) {
<template>
<UApp :toaster="appConfig.toaster">
<div class="min-h-screen w-screen flex flex-col items-center justify-center overflow-y-auto">
<div class="min-h-screen w-screen flex flex-col items-center justify-center overflow-y-auto" vaul-drawer-wrapper>
<UNavigationMenu :links="components.map(component => ({ label: upperName(component), to: `/${component}` }))" class="border-b border-gray-200 dark:border-gray-800 overflow-x-auto px-2" />
<div class="flex-1 flex flex-col justify-center py-12">