<template>
  <el-tooltip
    class="item"
    :effect="effect"
    :content="content"
    :placement="placement"
    :offset="offset"
    :transition="transition"
    :open-delay="openDelay"
    :popper-class="popperClass"
    :hide-after="hideAfter"
  >
    <el-button>{{ text }}</el-button>
  </el-tooltip>
</template>

<script>
export default {
  name:"HmElementTooltip",
  props: {
    /**
     * 文本内容
     */
    text: {
      type: String,
      default: "tooltip will appear",
    },
    /**
     * 主题
     */
    effect: {
      type: String,
      default: "dark",
    },
    /**
     *提示内容
     */
    content: {
      type: String,
      default: "这是提示内容",
    },
    /**
     * 提示出现位置
     */
    placement: {
      type: String,
      default: "bottom",
    },
    /**
     * 位置的偏移量
     */
    offset: {
      type: Number,
    },
    /**
     * 定义渐变动画
     */
    transition: {
      type: String,
      default: "el-fade-in-linear",
    },
    /**
     * 延迟出现
     */
    openDelay: {
      type: Number,
      default: 0,
    },
    /**
     *  添加类名
     */
    popperClass: {
      type: String,
    },
    /**
     * 延迟隐藏
     */
    hideAfter: {
      type: String,
    },
  },
};
</script>

<style scoped>
</style>