Tooltip

悬停和获得焦点时显示的简短标签：胶囊形，有快捷键时一并显示。

查看源码
import { Tooltip } from "@logicplanes/kaeso-ui";

属性

  • children
    ReactElement<unknown, string | JSXElementConstructor<any>>

    触发器：可接收 ref 的单个元素。

  • content
    ReactNode

    提示框的内容。只写控件名称或一句短句。

  • defaultOpen
    boolean

    非受控时，是否初始为打开状态。

  • delay
    number

    指针需要停留多久才会打开，单位为毫秒。

  • disabled
    boolean

    从不显示提示框。

  • onOpenChange
    ((open: boolean) => void)

    打开或关闭时调用。

  • open
    boolean

    受控时，是否处于打开状态。

  • shape
    "pill" | "multiline"

    用于简短标签的胶囊，或用于多行内容的方框。

  • shortcut
    string[] | string[][]

    文字后显示的快捷键：["mod", "k"] 或 [["g"], ["m"]]。

  • side
    "top" | "bottom" | "left" | "right"

    打开的方向。

  • sideOffset
    number

    与触发器的距离（px）。