forked from geolba/tethys.backend
29 lines
460 B
Vue
29 lines
460 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>
|