Tooltip文字提示

    鼠标移入则显示提示,移出消失,气泡浮层不承载复杂文本和操作。

    可用来代替系统默认的 提示,提供一个按钮/文字/操作的文案解释。

    最简单的用法。

    Tooltip 文字提示 - 图2

    箭头指向

    位置有 12 个方向。

    参数说明类型默认值
    arrowPointAtCenter箭头是否指向目标元素中心,antd@1.11+ 支持booleanfalse
    autoAdjustOverflow气泡被遮挡时自动调整位置booleantrue
    defaultVisible默认是否显隐booleanfalse
    getPopupContainer浮层渲染父节点,默认渲染到 body 上Function(triggerNode)() => document.body
    mouseEnterDelay鼠标移入后延时多少才显示 Tooltip,单位:秒number0.1
    mouseLeaveDelay鼠标移出后延时多少才隐藏 Tooltip,单位:秒number0.1
    overlayClassName卡片类名string
    overlayStyle卡片样式object
    placement气泡框位置,可选 top left bottom topLeft topRight bottomLeft bottomRight leftTop leftBottom rightBottomstringtop
    trigger触发行为,可选 hover/focus/click/contextMenustringhover
    visible用于手动控制浮层显隐booleanfalse
    onVisibleChange显示隐藏的回调(visible) => void
    align该值将合并到 placement 的配置中,设置参考 rc-tooltipObject

    请确保 Tooltip 的子元素能接受 onMouseEnteronMouseLeaveonFocusonClick 事件。