← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core
rtk-message-view
Свойства
| Свойство | Тип | Обязательный | По умолчанию | Описание |
|---|---|---|---|---|
actions |
MessageAction[] |
✅ | - | Список действий, отображаемых в меню |
authorName |
string |
✅ | - | Отображаемая метка автора |
avatarUrl |
string |
✅ | - | URL изображения аватара |
hideAuthorName |
boolean |
✅ | - | Скрывает отображаемое имя автора |
hideAvatar |
boolean |
✅ | - | Скрывает аватар |
hideMetadata |
boolean |
✅ | - | Скрывает метаданные (время) |
iconPack |
IconPack1 |
❌ | defaultIconPack |
Набор значков |
isEdited |
boolean |
✅ | - | Отредактировано ли сообщение |
isSelf |
boolean |
✅ | - | Отправлено ли сообщение текущим пользователем |
messageType |
Message['type'] |
✅ | - | Тип сообщения |
pinned |
boolean |
✅ | - | Закреплено ли сообщение |
time |
Date |
✅ | - | Время отправки сообщения |
variant |
'plain' | 'bubble' |
✅ | - | Внешний вид |
viewType |
'incoming' | 'outgoing' |
✅ | - | Отрисовка |
Примеры использования
Базовое использование
<rtk-message-view></rtk-message-view>Со свойствами
<rtk-message-view
authorName="example"
avatarUrl="example">
</rtk-message-view><script>
const el = document.querySelector("rtk-message-view");
el.actions= [];
</script>