RtkChatMessagesUiPaginated

Properties

Property	Type	Required	Default	Description
`iconPack`	`IconPack`	❌	`defaultIconPack`	Icon pack
`meeting`	`Meeting`	✅	-	Meeting object
`privateChatRecipient`	`Participant \| null`	✅	-	Selected recipient for private chat; when unset, messages are loaded for public chat (Everyone).
`size`	`Size`	✅	-	Size
`t`	`RtkI18n`	❌	`useLanguage()`	Language

Usage Examples

Basic Usage

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

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

With Properties

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

function MyComponent() {
  return (
    <RtkChatMessagesUiPaginated
      meeting={meeting}
      privateChatRecipient={participant | null}
      size="md"
    />
  );
}