RtkMessageView

Last updated Apr 21, 2026Copy as MarkdownView as MarkdownAgent setup

OverviewPropertiesUsage ExamplesBasic UsageWith Properties

Properties

Property	Type	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"
    />
  );
}

PreviousRtkMessageListView NextRtkMicrophoneSelector

Was this helpful?

YesNo

Edit page Report issue

RtkMessageView

Properties

Usage Examples

Basic Usage

With Properties

On this page