Skip to content

rtk-chat-message

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

Properties

PropertyTypeRequiredDefaultDescription
alignRightboolean✅-aligns message to right
canDeleteboolean✅-can delete message
canEditboolean✅-can edit message
canPinboolean✅-can pin this message
canReplyboolean✅-can quote reply this message
childHTMLElement✅-Child
disableControlsboolean✅-disables controls
hideAvatarboolean✅-hides avatar
iconPackIconPack1❌defaultIconPackIcon pack
isContinuedboolean✅-is continued
isSelfboolean✅-if sender is self
isUnreadboolean✅-is unread
leftAlignboolean✅-Whether to left align the chat bubbles
messageMessage✅-message item
senderDisplayPicturestring✅-sender display picture url
sizeSize✅-Size
tRtkI18n1❌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>