跳转到内容
搜索文档

RtkTooltip

最后更新 查看 MarkdownAgent 设置

符合 RTK 设计系统的工具提示(tooltip)组件。

属性

属性 类型 必填 默认值 描述
delay number ✅ - 显示工具提示前的延迟时间
disabled boolean ✅ - 禁用
kind TooltipKind ✅ - 工具提示类型
label string ✅ - 工具提示标签
open boolean ✅ - 打开
placement Placement ✅ - 放置位置
size Size ✅ - 尺寸
variant TooltipVariant ✅ - 工具提示变体

使用示例

基本用法

import { RtkTooltip } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return <RtkTooltip />;
}

带属性的用法

import { RtkTooltip } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return (
    <RtkTooltip
      delay={42}
      disabled={true}
      kind={tooltipkind}
    />
  );
}

这篇文档对您有帮助吗?