Skip to content

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

RtkNameTag

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

参加者の名前を表示するコンポーネントです。

プロパティ

プロパティ 型 必須 デフォルト 説明
iconPack IconPack ❌ defaultIconPack アイコンパック
isScreenShare boolean ✅ - 画面共有ビューで使うかどうか
meeting Meeting ✅ - Meeting オブジェクト
participant Peer ✅ - Participant オブジェクト
size Size ✅ - サイズ
t RtkI18n ❌ useLanguage() 言語
variant RtkNameTagVariant ✅ - ネームタグのバリアント

使用例

基本的な使い方

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

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

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

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

function MyComponent() {
  return (
    <RtkNameTag
      isScreenShare={true}
      meeting={meeting}
      participant={participant}
    />
  );
}

役に立ちましたか？