← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core
rtk-chat-message
@deprecated rtk-chat-message считается устаревшим и будет вскоре удалён. Используйте rtk-message-view взамен.
Свойства
| Свойство | Тип | Обязательный | По умолчанию | Описание |
|---|---|---|---|---|
alignRight |
boolean |
✅ | - | выравнивает сообщение по правому краю |
canDelete |
boolean |
✅ | - | может удалять сообщение |
canEdit |
boolean |
✅ | - | может редактировать сообщение |
canPin |
boolean |
✅ | - | может закреплять это сообщение |
canReply |
boolean |
✅ | - | может отвечать на это сообщение с цитированием |
child |
HTMLElement |
✅ | - | Дочерний элемент |
disableControls |
boolean |
✅ | - | отключает элементы управления |
hideAvatar |
boolean |
✅ | - | скрывает аватар |
iconPack |
IconPack1 |
❌ | defaultIconPack |
Набор значков |
isContinued |
boolean |
✅ | - | является продолжением |
isSelf |
boolean |
✅ | - | если отправителем является сам пользователь |
isUnread |
boolean |
✅ | - | не прочитано |
leftAlign |
boolean |
✅ | - | Нужно ли выравнивать чат-пузырьки по левому краю |
message |
Message |
✅ | - | элемент сообщения |
senderDisplayPicture |
string |
✅ | - | url изображения профиля отправителя |
size |
Size |
✅ | - | Размер |
t |
RtkI18n1 |
❌ | useLanguage() |
Язык |
Примеры использования
Базовое использование
<rtk-chat-message></rtk-chat-message>Со свойствами
<rtk-chat-message>
</rtk-chat-message><script>
const el = document.querySelector("rtk-chat-message");
el.alignRight= true;
el.canDelete= true;
el.canEdit= true;
</script>