文字提示 Tooltip

默认深色提示对应 Arco Tooltip，light 沿用 Arco Popover 的浅色外壳。 属性用法见 Element Plus 文档。

悬停提示

悬停或键盘聚焦按钮显示提示。

<template>
  <el-tooltip content="Helpful information" placement="top"><el-button>Hover me</el-button></el-tooltip>
  <el-tooltip content="A light tooltip" effect="light"><el-button>Light effect</el-button></el-tooltip>
</template>

提示方向

placement 支持上、下、左、右等方向。

<script setup lang="ts">
const placements = ['top', 'right', 'bottom', 'left'] as const
</script>

<template>
  <el-tooltip v-for="placement in placements" :key="placement" :placement="placement" :content="placement">
    <el-button>{{ placement }}</el-button>
  </el-tooltip>
</template>

与 Arco 的差异

• light 形态按 Popover 外观延伸，保留 Element Plus 配置。