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`	出现延迟（毫秒）。