RtkMeeting

ミーティング UI 全体を描画する単一コンポーネントです。プリセットを読み込み、それに基づいて UI を描画します。このコンポーネントを使えば、状態、ダイアログ、その他の細かい管理を自分で扱う必要はありません。

プロパティ

プロパティ	型	必須	デフォルト	説明
`applyDesignSystem`	`boolean`	✅	-	設定から document root にデザインシステムを適用するかどうか
`config`	`UIConfig`	✅	-	UI Config
`gridLayout`	`GridLayout1`	✅	-	グリッドレイアウト
`iconPack`	`IconPack`	❌	`defaultIconPack`	アイコンパック
`leaveOnUnmount`	`boolean`	✅	-	このコンポーネントのアンマウント時に参加者が退出するかどうか
`loadConfigFromPreset`	`boolean`	✅	-	プリセットから設定を読み込むかどうか
`meeting`	`Meeting`	✅	-	Meeting オブジェクト
`mode`	`MeetingMode`	✅	-	塗りつぶしの種類
`overrides`	`Overrides`	❌	`defaultOverrides`	UI Kit Overrides
`showSetupScreen`	`boolean`	✅	-	セットアップ画面を表示するかどうか
`size`	`Size`	✅	-	サイズ
`t`	`RtkI18n`	❌	`useLanguage()`	言語

使用例

基本的な使い方

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

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

プロパティを指定する場合

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

function MyComponent() {
  return (
    <RtkMeeting
      applyDesignSystem={true}
      config={defaultUiConfig}
      gridLayout={gridlayout1}
    />
  );
}