mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
32 lines
850 B
Vue
32 lines
850 B
Vue
<script setup lang="ts">
|
|
const links = [{
|
|
label: 'Introduction',
|
|
to: '/getting-started'
|
|
}, {
|
|
label: 'Installation',
|
|
to: '/getting-started/installation'
|
|
}, {
|
|
label: 'Theming',
|
|
to: '/getting-started/theming'
|
|
}, {
|
|
label: 'Shortcuts',
|
|
to: '/getting-started/shortcuts'
|
|
}]
|
|
</script>
|
|
|
|
<template>
|
|
<UVerticalNavigation
|
|
:links="links"
|
|
:ui="{
|
|
wrapper: 'border-s border-gray-200 dark:border-gray-800 space-y-2',
|
|
base: 'group block border-s -ms-px leading-6 before:hidden',
|
|
padding: 'p-0 ps-4',
|
|
rounded: '',
|
|
font: '',
|
|
ring: '',
|
|
active: 'text-primary-500 dark:text-primary-400 border-current font-semibold',
|
|
inactive: 'border-transparent hover:border-gray-400 dark:hover:border-gray-500 text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300'
|
|
}"
|
|
/>
|
|
</template>
|