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?