rtk-chat-composer-view

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
`isSending`	`boolean`	✅	-	Whether a message is being sent
`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

<rtk-chat-composer-view></rtk-chat-composer-view>

With Properties

<rtk-chat-composer-view
 inputTextPlaceholder="example"
 message="example"
 quotedMessage="example">
</rtk-chat-composer-view>

<script>
  const el = document.querySelector("rtk-chat-composer-view");

  el.canSendFiles = true;
  el.canSendTextMessage = true;
  el.isEditing = true;
</script>