Skip to content

rtk-chat-composer-view

Last updated View as MarkdownAgent setup

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
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">
</rtk-chat-composer-view>
<script>
  const el = document.querySelector("rtk-chat-composer-view");

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

Was this helpful?