Tooltip

Tooltip 在指针悬停时显示一小段说明文字，默认锚定在目标上方。下方预览由 pingo 引擎实时渲染——把指针悬停在按钮上即可看到气泡，并跟随站点主题切换明暗。

用法

import { createElement } from "@dopejs/pingo";
import { Button, Tooltip } from "@dopejs/pingo-ui";

root.render(
  createElement(Tooltip, {
    content: "保存到云端",
    children: createElement(Button, { children: "保存", onPress: () => save() }),
  }),
);

Tooltip 由指针进出驱动（pointerenter / pointerleave），无受控 props；静态渲染时只显示触发元素，气泡在悬停时出现。

Props

无障碍

气泡具备 tooltip 语义。Tooltip 只在悬停时出现，不响应键盘聚焦；关键信息不要只放在 Tooltip 里。