RtkChatMessagesUi

@deprecated Use rtk-chat-messages-ui-paginated instead.

Properties

Property	Type	Required	Default	Description
`canPinMessages`	`boolean`	✅	-	Can current user pin/unpin messages
`iconPack`	`IconPack1`	❌	`defaultIconPack`	Icon pack
`messages`	`Chat[]`	✅	-	Chat Messages
`selectedGroup`	`string`	✅	-	Selected group key
`selfUserId`	`string`	✅	-	User ID of self user
`size`	`Size1`	✅	-	Size
`t`	`RtkI18n`	❌	`useLanguage()`	Language

Usage Examples

Basic Usage

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

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

With Properties

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

function MyComponent() {
  return (
    <RtkChatMessagesUi
      canPinMessages={true}
      messages={[]}
      selectedGroup="example"
    />
  );
}