tethys.backend/resources/js/Components/BaseIcon.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

33 lines
667 B
Vue

<script setup>
import { computed } from 'vue';
const props = defineProps({
path: {
type: String,
required: true,
},
w: {
type: String,
default: 'w-6',
},
h: {
type: String,
default: 'h-6',
},
size: {
type: [String, Number],
default: 16,
},
});
const spanClass = computed(() => `inline-flex justify-center items-center ${props.w} ${props.h}`);
</script>
<template>
<span :class="spanClass">
<svg viewBox="0 0 24 24" :width="size" :height="size" class="inline-block">
<path fill="currentColor" :d="path" />
</svg>
</span>
</template>