Components

Tooltip 文字提示

悬停即时提示，自动避开视口边缘。

四方向

<div class="demo-grid">
  <Tooltip content="上方提示" side="top"><Button variant="outline" color="neutral">Top</Button></Tooltip>
  <Tooltip content="右侧提示" side="right"><Button variant="outline" color="neutral">Right</Button></Tooltip>
  <Tooltip content="下方提示，延迟 400ms 出现" side="bottom" :delay-duration="400"><Button variant="outline" color="neutral">Bottom</Button></Tooltip>
  <Tooltip content="左侧提示" side="left"><Button variant="outline" color="neutral">Left</Button></Tooltip>
</div>

API 参考

属性	类型	默认值	说明
content	string	—	提示文本。
side	'top' \| 'right' \| 'bottom' \| 'left'	top	偏好方向。
side-offset	number	5	与触发器的间距。
delay-duration	number	150	出现延迟（毫秒）。