Skip to main content

Tooltip

Function Tooltip 

Source
pub fn Tooltip(_: TooltipProps) -> Element
Expand description

Tooltip 包裹组件。

将任意触发器(按钮等)包裹后,鼠标 hover 时在上方或下方居中弹出提示。 用 CSS group + group-hover:opacity-100 实现,无 JS 状态,pointer-events-none 保证不拦截点击。

Props:

  • tip:提示文案
  • children:触发器元素(按钮 / 链接等)
  • placement:弹出方向,"top"(默认)或 "bottom"

注意:父容器若有 overflow-hidden 会裁掉 tooltip,此时应选朝外的方向 (如表格行在 overflow-hidden 容器内,朝上的 tooltip 才不会被裁)。

§Props

For details, see the props struct definition.