Tooltip 文字提示

常用于展示鼠标 hover 时的提示信息。

Ink 主题推荐优先使用 light 模式。

基础用法

在这里我们提供 9 种不同方向的展示方式，可以通过以下完整示例来理解，选择你要的效果。

TIP

使用content属性来决定hover时的提示信息。由placement属性决定展示效果：placement属性值为：方向-对齐位置；四个方向：top、left、right、bottom；三种对齐位置：start, end，默认为空。如placement="left-end"，则提示信息出现在目标元素的左侧，且提示信息的底部与目标元素的底部对齐。

主题

Tooltip 组件提供了两个不同的主题：dark和light。

通过设置effect属性来改变主题，默认为dark。

推荐默认按钮搭配 light 使用， 深色按钮搭配 dark 使用。