Tooltip 提示 | Tuff Docs

小而轻的提示，不打断流程但能提供必要信息。
状态：Beta

Tooltip 是 TxBaseAnchor 的语义封装：

Tooltip 负责触发和提示内容；
Anchor 负责定位、动效和面板样式；
通过 anchor 参数把配置透传给 Anchor。
TxPopover 也复用这条链路，统一触发与浮层行为。

Demo

Hover Hint

短文本提示，保持低侵入感。

示例即将加载...

<template>
  <TxTooltip content="提示信息">
    <TxButton variant="ghost">Hover me</TxButton>
  </TxTooltip>
  <TxTooltip content="信息">
    <TxButton variant="ghost">Info</TxButton>
  </TxTooltip>
</template>

基础用法

<template>
  <TxTooltip content="复制成功">
    <TxButton variant="ghost">Copy</TxButton>
  </TxTooltip>
</template>

Click 切换（点击外部不关闭）

示例即将加载...

<template>
  <TxTooltip
    v-model="open"
    trigger="click"
    :close-on-click-outside="false"
    content="点击切换，点击外部不关闭"
    :anchor="{ showArrow: true }"
  >
    <TxButton variant="ghost">固定提示</TxButton>
  </TxTooltip>
</template>

API（简版）

属性名	类型	说明
content		提示内容
trigger	hoverclickfocus	触发方式
open-delay		延迟显示（ms）
close-delay		延迟关闭（ms）
interactive		hover 模式下允许鼠标进入浮层
keep-alive-content		是否保留浮层内容状态（默认关闭后重建）
close-on-click-outside		点击外部是否关闭（click 模式）
toggle-on-reference-click		点击 reference 是否切换开关
max-height		提示层最大高度
anchor		透传给 TxBaseAnchor 的配置（placement/showArrow/panelBackground 等）