跳转到内容
搜索文档

RtkDialog

最后更新 查看 MarkdownAgent 设置

一个对话框组件。

属性

属性 类型 必填 默认值 描述
config UIConfig ❌ createDefaultConfig() UI 配置
disableEscapeKey boolean ✅ - 是否允许通过 Escape 键关闭模态框
hideCloseButton boolean ✅ - 是否显示关闭按钮
iconPack IconPack ❌ defaultIconPack 图标包
meeting Meeting ✅ - 会议对象
open boolean ✅ - 对话框是否打开
size Size ✅ - 尺寸
states States ✅ - 状态对象
t RtkI18n ❌ useLanguage() 语言

使用示例

基本用法

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

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

带属性用法

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

function MyComponent() {
  return (
    <RtkDialog
      disableEscapeKey={true}
      hideCloseButton={true}
      meeting={meeting}
    />
  );
}

这篇文档对您有帮助吗?