28 lines
792 B
Vue
28 lines
792 B
Vue
<script setup lang="ts">
|
|
import { cn } from '@/lib/utils'
|
|
import {
|
|
NavigationMenuLink,
|
|
} from '@/lib/registry/default/ui/navigation-menu'
|
|
|
|
defineProps<{ title?: string; href?: string }>()
|
|
</script>
|
|
|
|
<template>
|
|
<li>
|
|
<NavigationMenuLink as-child>
|
|
<a
|
|
:href="href"
|
|
:class="cn(
|
|
'block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground',
|
|
$attrs.class ?? '',
|
|
)"
|
|
>
|
|
<div class="text-sm font-medium leading-none">{{ title }}</div>
|
|
<p class="line-clamp-2 text-sm leading-snug text-muted-foreground">
|
|
<slot />
|
|
</p>
|
|
</a>
|
|
</NavigationMenuLink>
|
|
</li>
|
|
</template>
|