RtkMessageView

Properties

Property	Type	Required	Default	Description
actions	MessageAction[]	✅	-	List of actions to show in menu
authorName	string	✅	-	Author display label
avatarUrl	string	✅	-	Avatar image url
hideAuthorName	boolean	✅	-	Hides author display label
hideAvatar	boolean	✅	-	Hides avatar
hideMetadata	boolean	✅	-	Hides metadata (time)
iconPack	IconPack1	❌	defaultIconPack	Icon pack
isEdited	boolean	✅	-	Has the message been edited
isSelf	boolean	✅	-	Is the message sent by the current user
messageType	Message['type']	✅	-	Type of message
pinned	boolean	✅	-	Is message pinned
time	Date	✅	-	Time when message was sent
variant	'plain' | 'bubble'	✅	-	Appearance
viewType	'incoming' | 'outgoing'	✅	-	Render

Usage Examples

Basic Usage

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

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

With Properties

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

function MyComponent() {
  return (
    <RtkMessageView
      actions={[]}
      authorName="example"
      avatarUrl="example"
    />
  );
}