<template>
  <div class="kole-badge kole-badge-surface"><strong class="kole-badge-title">{{ props.title || '标记 Badge' }}</strong><p class="kole-badge-desc">显示未读数、待办数、小红点或紧贴对象的状态标记。</p><slot /></div>
</template>

<script setup>
import { ref, computed } from 'vue';
const props = defineProps({
    count: { type: Number, default: 8 }, // 数量
    status: { type: String, default: 'error' }, // 状态
    variant: { type: String, default: 'dot' }, // 变体
});
const emit = defineEmits([]);


</script>

<style src="./Badge.css"></style>
