mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-19 06:21:46 +01:00
feat(HorizontalNavigation): new component (#1279)
This commit is contained in:
@@ -0,0 +1,22 @@
|
||||
<script setup>
|
||||
const route = useRoute()
|
||||
|
||||
const links = [{
|
||||
label: 'Horizontal Navigation',
|
||||
to: `${route.path.startsWith('/dev') ? '/dev' : ''}/navigation/horizontal-navigation`
|
||||
}, {
|
||||
label: 'Command Palette',
|
||||
to: '/navigation/command-palette'
|
||||
}, {
|
||||
label: 'Table',
|
||||
to: '/data/table'
|
||||
}]
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<UHorizontalNavigation :links="links">
|
||||
<template #default="{ link }">
|
||||
<span class="group-hover:text-primary relative">{{ link.label }}</span>
|
||||
</template>
|
||||
</UHorizontalNavigation>
|
||||
</template>
|
||||
Reference in New Issue
Block a user