RtkChatMessage

@deprecated rtk-chat-message は非推奨であり、まもなく削除されます。代わりに rtk-message-view を使用してください。

プロパティ

プロパティ	型	必須	デフォルト	説明
`alignRight`	`boolean`	✅	-	メッセージを右寄せにします
`canDelete`	`boolean`	✅	-	メッセージを削除できるかどうか
`canEdit`	`boolean`	✅	-	メッセージを編集できるかどうか
`canPin`	`boolean`	✅	-	このメッセージをピン留めできるかどうか
`canReply`	`boolean`	✅	-	このメッセージに引用返信できるかどうか
`child`	`HTMLElement`	✅	-	子要素
`disableControls`	`boolean`	✅	-	コントロールを無効にします
`hideAvatar`	`boolean`	✅	-	アバターを非表示にします
`iconPack`	`IconPack1`	❌	`defaultIconPack`	アイコンパック
`isContinued`	`boolean`	✅	-	続きのメッセージかどうか
`isSelf`	`boolean`	✅	-	送信者が自分かどうか
`isUnread`	`boolean`	✅	-	未読かどうか
`leftAlign`	`boolean`	✅	-	チャット吹き出しを左寄せにするかどうか
`message`	`Message`	✅	-	メッセージ項目
`senderDisplayPicture`	`string`	✅	-	送信者の表示画像 URL
`size`	`Size`	✅	-	サイズ
`t`	`RtkI18n1`	❌	`useLanguage()`	言語

使用例

基本的な使い方

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

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

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

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

function MyComponent() {
  return (
    <RtkChatMessage
      alignRight={true}
      canDelete={true}
      canEdit={true}
    />
  );
}