Skip to content

rtk-message-list-view

Last updated View as MarkdownAgent setup

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>

Was this helpful?