mirror of
https://github.com/BlossomiShymae/clean-cuts.git
synced 2025-12-06 18:20:47 +01:00
21 lines
532 B
Vue
21 lines
532 B
Vue
<template>
|
|
<span class="badge text-bg-dark border text-dark-emphasis fw-normal d-flex align-items-center gap-2 bg-transparent bg-blur-4 border-light border-opacity-25"
|
|
style="min-height: 32px;">
|
|
<span class="fw-bold" v-if="label">{{ label }}</span>
|
|
<MaterialIcon v-if="name" :size="24" :name="name" />
|
|
<slot></slot>
|
|
</span>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import MaterialIcon from './MaterialIcon.vue';
|
|
|
|
defineProps<{
|
|
name?: string;
|
|
label?: string;
|
|
}>();
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
</style> |