Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

RtkControlbar

最終更新 Markdown で表示Agent セットアップ

コントロールバーコンポーネントは、バリアントとして複数のデザインを提供します。

プロパティ

プロパティ 型 必須 デフォルト 説明
config UIConfig1 ❌ createDefaultConfig() 設定
disableRender boolean ✅ - デフォルト UI を描画するかどうか
iconPack IconPack1 ❌ defaultIconPack アイコンパック
meeting Meeting ✅ - Meeting オブジェクト
size Size ✅ - サイズ
states States ✅ - States オブジェクト
t RtkI18n ❌ useLanguage() 言語
variant 'solid' | 'boxed' ✅ - バリアント

使用例

基本的な使い方

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

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

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

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

function MyComponent() {
  return (
    <RtkControlbar
      disableRender={true}
      meeting={meeting}
      size="md"
    />
  );
}

役に立ちましたか？