1
0
Fork 1
mirror of https://github.com/elk-zone/elk.git synced 2024-11-07 17:39:59 +00:00
elk/components/nav/NavSideItem.vue

19 lines
452 B
Vue
Raw Normal View History

2022-11-27 02:35:26 +00:00
<script setup lang="ts">
defineProps<{
text: string
icon: string
to: string
}>()
</script>
<template>
<NuxtLink :to="to" active-class="text-primary" group focus:outline-none>
<div flex w-fit px5 py2 gap2 items-center transition-100 rounded-10 group-hover:bg-active group-focus-visible:ring="2 current">
<slot name="icon">
<div :class="icon" />
</slot>
<span>{{ text }}</span>
</div>
</NuxtLink>
</template>