跳转到内容
搜索文档

RtkSidebar

最后更新 查看 MarkdownAgent 设置

一个处理侧边栏的组件,您可以自定义想要哪些分区,以及希望将哪个分区作为默认分区。

属性

属性 类型 必填 默认值 描述
config UIConfig ❌ createDefaultConfig() 配置
defaultSection RtkSidebarSection ✅ - 默认分区
enabledSections RtkSidebarTab[] ✅ - 侧边栏中启用的分区
iconPack IconPack ❌ defaultIconPack 图标包
meeting Meeting ✅ - Meeting 对象
size Size ✅ - 大小
states States ✅ - 状态对象
t RtkI18n ❌ useLanguage() 语言
view RtkSidebarView ✅ - 视图类型

使用示例

基本用法

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

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

带有属性

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

function MyComponent() {
  return (
    <RtkSidebar
      defaultSection={rtksidebarsection}
      enabledSections={[]}
      meeting={meeting}
    />
  );
}

这篇文档对您有帮助吗?