← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core
rtk-message-list-view
A component which renders list of messages.
Properties
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
estimateItemSize |
number |
✅ | - | Estimated height of an item |
iconPack |
IconPack1 |
❌ | defaultIconPack |
Icon pack |
loadMore |
(lastMessage: Message) |
✅ | - | Function to load more messages. Messages returned from this will be prepended |
messages |
Message[] |
✅ | - | Messages to render |
renderer |
(message: Message, index: number) |
✅ | - | Render function of the message |
visibleItemsCount |
number |
✅ | - | Maximum visible messages |
Usage Examples
Basic Usage
<rtk-message-list-view></rtk-message-list-view>With Properties
<rtk-message-list-view>
</rtk-message-list-view><script>
const el = document.querySelector("rtk-message-list-view");
el.estimateItemSize= 42;
el.messages= [];
</script>