文字提示 Tooltip

Tooltip 组件用于在用户将鼠标悬停在元素上时显示简短的提示信息。

基础用法

Tooltip 组件需要包裹一个触发元素,并通过 content 属性设置提示内容。

正在加载组件...
code

不同内容

Tooltip 支持不同长度和类型的提示内容。

正在加载组件...
code

在按钮上使用

Tooltip 常用于为按钮提供额外的说明信息。

正在加载组件...
code

在图标上使用

Tooltip 也常用于为图标提供说明信息。

正在加载组件...
code

富文本内容

Tooltip 的内容可以是任意的 React 元素,支持富文本格式。

正在加载组件...
code

API

Tooltip

参数名描述类型默认值
content提示内容ReactNode-
children触发元素ReactElement-