← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core
rtk-message-view
Vlastnosti
| Vlastnost | Typ | Povinné | Výchozí | Popis |
|---|---|---|---|---|
actions |
MessageAction[] |
✅ | - | Seznam akcí, které se mají zobrazit v nabídce |
authorName |
string |
✅ | - | Zobrazovací štítek autora |
avatarUrl |
string |
✅ | - | URL obrázku avataru |
hideAuthorName |
boolean |
✅ | - | Skryje popisek s jménem autora |
hideAvatar |
boolean |
✅ | - | Skryje avatar |
hideMetadata |
boolean |
✅ | - | Skryje metadata (čas) |
iconPack |
IconPack1 |
❌ | defaultIconPack |
Sada ikon |
isEdited |
boolean |
✅ | - | Určuje, zda byla zpráva upravena |
isSelf |
boolean |
✅ | - | Je zpráva odeslána aktuálním uživatelem |
messageType |
Message['type'] |
✅ | - | Typ zprávy |
pinned |
boolean |
✅ | - | Je zpráva připnutá |
time |
Date |
✅ | - | Čas odeslání zprávy |
variant |
'plain' | 'bubble' |
✅ | - | Vzhled |
viewType |
'incoming' | 'outgoing' |
✅ | - | Vykreslení |
Příklady použití
Základní použití
<rtk-message-view></rtk-message-view>S vlastnostmi
<rtk-message-view
authorName="example"
avatarUrl="example">
</rtk-message-view><script>
const el = document.querySelector("rtk-message-view");
el.actions= [];
</script>