Skip to content

rtk-chat-message

Last updated View as MarkdownAgent setup

@deprecated rtk-chat-message is deprecated and will be removed soon. Use rtk-message-view instead.

Properties

Property Type Required Default Description
alignRight boolean ✅ - aligns message to right
canDelete boolean ✅ - can delete message
canEdit boolean ✅ - can edit message
canPin boolean ✅ - can pin this message
canReply boolean ✅ - can quote reply this message
child HTMLElement ✅ - Child
disableControls boolean ✅ - disables controls
hideAvatar boolean ✅ - hides avatar
iconPack IconPack1 ❌ defaultIconPack Icon pack
isContinued boolean ✅ - is continued
isSelf boolean ✅ - if sender is self
isUnread boolean ✅ - is unread
leftAlign boolean ✅ - Whether to left align the chat bubbles
message Message ✅ - message item
senderDisplayPicture string ✅ - sender display picture url
size Size ✅ - Size
t RtkI18n1 ❌ useLanguage() Language

Usage Examples

Basic Usage

<rtk-chat-message></rtk-chat-message>

With Properties

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

  el.alignRight= true;
  el.canDelete= true;
  el.canEdit= true;
</script>

Was this helpful?