RtkChatComposerView

A component which renders a chat composer

Properties

Property	Type	Required	Default	Description
`canSendFiles`	`boolean`	✅	-	Whether user can send file messages
`canSendTextMessage`	`boolean`	✅	-	Whether user can send text messages
`iconPack`	`IconPack1`	❌	`defaultIconPack`	Icon pack
`inputTextPlaceholder`	`string`	✅	-	Placeholder for text input
`isEditing`	`boolean`	✅	-	Sets composer to edit mode
`maxLength`	`number`	✅	-	Max length for text input
`message`	`string`	✅	-	Message to be pre-populated
`quotedMessage`	`string`	✅	-	Quote message to be displayed
`rateLimits`	`{ period: number; maxInvocations: number; }`	✅	-	Rate limits
`storageKey`	`string`	✅	-	Key for storing message in localStorage
`t`	`RtkI18n1`	❌	`useLanguage()`	Language

Usage Examples

Basic Usage

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

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

With Properties

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

function MyComponent() {
  return (
    <RtkChatComposerView
      canSendFiles={true}
      canSendTextMessage={true}
      inputTextPlaceholder="example"
    />
  );
}