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

<!-- component.html -->
<rtk-chat-composer-view></rtk-chat-composer-view>

With Properties

<!-- component.html -->
<rtk-chat-composer-view
[canSendFiles]="true"
[canSendTextMessage]="true"
inputTextPlaceholder="example">
</rtk-chat-composer-view>