arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-03 05:37:56 +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

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

@@ -1,31 +1,20 @@
<script setup> <script setup>
const links = [{ const links = [{
label: 'Navigation',
children: [{
label: 'Vertical Navigation', label: 'Vertical Navigation',
to: '/navigation/vertical-navigation' to: '/navigation/vertical-navigation'
}, { }, {
label: 'Command Palette', label: 'Command Palette',
to: '/navigation/command-palette' to: '/navigation/command-palette'
}]
}, { }, {
label: 'Data',
children: [{
label: 'Table', label: 'Table',
to: '/data/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>