Tooltip

悬停 / 聚焦提示。相对触发器定位(非 portal),父级 overflow: hidden 可能裁切。

文档站 Demo 跟随 Rspress 明暗主题(亮色用 admin)。

基础用法

<Tooltip content="说明文字" placement="top">
  <Button>悬停我</Button>
</Tooltip>

实时演示

支持 hover 与键盘 focus(Tab 到按钮)。相对定位,易被 overflow 裁切。

API

TooltipProps

属性 类型 默认值 说明
content ReactNode 提示内容
children ReactElement 触发器(建议可聚焦)
placement "top" | "bottom" | "left" | "right" "top" 方向
className string 追加类名