Skip to content

RtkFileMessage

Last updated View as MarkdownAgent setup

Renders a file message in chat with file name, size, extension, and download button.

Properties

Property Type Required Default Description
message Message ✅ - The chat message object
isContinued boolean ❌ false Whether this message continues from the same sender
now Date ❌ new Date() Current time for relative timestamps
iconPack IconPack ❌ defaultIconPack Custom icon pack

Usage Examples

Basic Usage

import { RtkFileMessage } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return <RtkFileMessage message={message} />;
}

With Properties

import { RtkFileMessage } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return (
		<RtkFileMessage message={message} isContinued={true} now={new Date()} />
	);
}

Was this helpful?