RtkChatMessage

@deprecated rtk-chat-message is deprecated and will be removed soon. Use rtk-message-view instead.

Properties

Property	Type	Required	Default	Description
`alignRight`	`boolean`	✅	-	aligns message to right
`canDelete`	`boolean`	✅	-	can delete message
`canEdit`	`boolean`	✅	-	can edit message
`canPin`	`boolean`	✅	-	can pin this message
`canReply`	`boolean`	✅	-	can quote reply this message
`child`	`HTMLElement`	✅	-	Child
`disableControls`	`boolean`	✅	-	disables controls
`hideAvatar`	`boolean`	✅	-	hides avatar
`iconPack`	`IconPack1`	❌	`defaultIconPack`	Icon pack
`isContinued`	`boolean`	✅	-	is continued
`isSelf`	`boolean`	✅	-	if sender is self
`isUnread`	`boolean`	✅	-	is unread
`leftAlign`	`boolean`	✅	-	Whether to left align the chat bubbles
`message`	`Message`	✅	-	message item
`senderDisplayPicture`	`string`	✅	-	sender display picture url
`size`	`Size`	✅	-	Size
`t`	`RtkI18n1`	❌	`useLanguage()`	Language

Usage Examples

Basic Usage

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

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

With Properties

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

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