跳到主要内容

ToolTip 文字提示

简单的文字提示气泡框。

何时使用​

  • 鼠标移入则显示提示，移出消失，气泡浮层不承载复杂文本和操作。
  • 可用来代替系统默认的 title 提示，提供一个 按钮/文字/操作 的文案解释。

代码示例​

基本使用​

基本使用

位置​

位置

API​

参数说明类型默认值
destroyTooltipOnHide隐藏时销毁提示booleanfalse
content提示内容ToolTipContent-
overlay是否展示tooltipReactNode | (() => ReactNode)true
placement气泡框位置(typeof Placement)[number]top
onConfirm点击确认按钮时触发() => void()=>{}

Placement​

const Placement = ["top", "right", "bottom", "left"] as const;

ToolTipContent​

type ToolTipContent = {
  title?: string;
  text: string;
  footer?: boolean;
};