Skip to content

rtk-chat-composer-view

A component which renders a chat composer

Properties

PropertyTypeRequiredDefaultDescription
canSendFilesboolean✅-Whether user can send file messages
canSendTextMessageboolean✅-Whether user can send text messages
iconPackIconPack1❌defaultIconPackIcon pack
inputTextPlaceholderstring✅-Placeholder for text input
isEditingboolean✅-Sets composer to edit mode
maxLengthnumber✅-Max length for text input
messagestring✅-Message to be pre-populated
quotedMessagestring✅-Quote message to be displayed
rateLimits{ period: number; maxInvocations: number; }✅-Rate limits
storageKeystring✅-Key for storing message in localStorage
tRtkI18n1❌useLanguage()Language

Usage Examples

Basic Usage

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

With Properties

<rtk-chat-composer-view
inputTextPlaceholder="example">
</rtk-chat-composer-view>
<script>
const el = document.querySelector("rtk-chat-composer-view");
el.canSendFiles= true;
el.canSendTextMessage= true;
</script>