RtkTextComposerView

A component which renders a text composer

Properties

Property	Type	Required	Default	Description
disabled	boolean	✅	-	Disable the text input (default = false)
iconPack	IconPack1	❌	defaultIconPack	Icon pack
keyDownHandler	(e: KeyboardEvent)	✅	-	Keydown event handler function
maxLength	number	✅	-	Max length for text input
placeholder	string	✅	-	Placeholder text
rateLimitBreached	boolean	✅	-	Boolean to indicate if rate limit is breached
setText	(text: string, focus?: boolean)	❌	-	Sets value of the text input
t	RtkI18n1	❌	useLanguage()	Language
value	string	✅	-	Default value for text input

Usage Examples

Basic Usage

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

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

With Properties

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

function MyComponent() {
  return (
    <RtkTextComposerView
      disabled={true}
      keyDownHandler={(e: keyboardevent)}
      maxLength={42}
    />
  );
}