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