rtk-chat-message

@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>