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

<!-- component.html -->
<rtk-chat-message></rtk-chat-message>

With Properties

<!-- component.html -->
<rtk-chat-message
 [alignRight]="true"
 [canDelete]="true"
 [canEdit]="true">
</rtk-chat-message>

Was this helpful?