<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">{{ tooltip }}</span></div>
</template>

<script>
export default {
  name: 'KoleTooltip',
  props: {
    tooltip: { type: String, default: '这是补充说明' }, // tooltip
    placement: { type: String, default: 'top' }, // 弹出位置
    trigger: { type: String, default: 'hover' }, // 触发方式
  },
  // events: show, hide
};
</script>

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