<template>
  <div class="kole-tooltip kole-tooltip-tooltip-wrap"><button class="kole-tooltip-button kole-tooltip-primary" type="button" aria-describedby="kole-tooltip-tip">悬停或聚焦</button><span class="kole-tooltip-tip" id="kole-tooltip-tip" role="tooltip">{{ props.tooltip }}</span></div>
</template>

<script setup>
import { ref, computed } from 'vue';
const props = defineProps({
    tooltip: { type: String, default: '这是补充说明' }, // tooltip
    placement: { type: String, default: 'top' }, // 弹出位置
    trigger: { type: String, default: 'hover' }, // 触发方式
});
const emit = defineEmits(["show", "hide"]);


</script>

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