tethys.backend/resources/js/Components/NavBarItemLabel.vue
Arno Kaimbacher a7142f694f
All checks were successful
CI Pipeline / japa-tests (push) Successful in 51s
- prettier formatting
- npm updates
- new SearchMap.vue component
2023-10-31 15:38:43 +01:00

22 lines
473 B
Vue

<script setup>
import BaseIcon from '@/Components/BaseIcon.vue';
defineProps({
icon: {
type: String,
default: null,
},
label: {
type: String,
required: true,
},
isDesktopIconOnly: Boolean,
});
</script>
<template>
<slot />
<BaseIcon v-if="icon" :path="icon" class="transition-colors" />
<span class="px-2 transition-colors" :class="{ 'lg:hidden': isDesktopIconOnly && icon }">{{ label }}</span>
</template>