RtkChatToggle

用于切换聊天可见性的按钮。您需要将 meeting 对象传递给它，以查看未读消息数徽标。当点击时，它会触发一个带有以下数据的 rtkStateUpdate 事件：

{ activeSidebar: boolean; sidebar: 'chat' }

属性

属性	类型	是否必填	默认值	描述
`iconPack`	`IconPack`	❌	`defaultIconPack`	图标包
`meeting`	`Meeting`	✅	-	会议对象
`size`	`Size`	✅	-	大小
`states`	`States`	✅	-	状态对象
`t`	`RtkI18n`	❌	`useLanguage()`	语言
`variant`	`ControlBarVariant`	✅	-	变体

使用示例

基本用法

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

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

带有属性

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

function MyComponent() {
  return (
    <RtkChatToggle
      meeting={meeting}
      size="md"
      variant="button"
    />
  );
}