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

docs(vertical-navigation): simplify default slot example

Browse Source 
Resolves #813
This commit is contained in:
Benjamin Canac
2023-10-27 22:27:42 +02:00
parent 18e8d28272
commit a0ffd3e334
1 changed files with 8 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
docs/components/content/examples/VerticalNavigationExampleDefaultSlot.vue
View File

@@ -1,31 +1,20 @@
<script setup> <script setup>
const links = [{ const links = [{
label: 'Navigation', label: 'Vertical Navigation',
children: [{ to: '/navigation/vertical-navigation'
label: 'Vertical Navigation',
to: '/navigation/vertical-navigation'
}, {
label: 'Command Palette',
to: '/navigation/command-palette'
}]
}, { }, {
label: 'Data', label: 'Command Palette',
children: [{ to: '/navigation/command-palette'
label: 'Table', }, {
to: '/data/table' label: 'Table',
}] to: '/data/table'
}] }]
</script> </script>
<template> <template>
<UVerticalNavigation :links="links"> <UVerticalNavigation :links="links">
<template #default="{ link }"> <template #default="{ link }">
<div class="relative text-left w-full"> <span class="group-hover:text-primary relative">{{ link.label }}</span>
<div class="mb-2">
{{ link.label }}
</div>
<UVerticalNavigation v-if="link.children" :links="link.children" />
</div>
</template> </template>
</UVerticalNavigation> </UVerticalNavigation>
</template> </template>