<MessageListFooter>

The <MessageListFooter> component is shown below the message list, above the message field. It does not scroll with the message list.

interface MessageListFooterProps

Properties

common

: CommonChatboxProps

A collection of objects which are passed to all Chatbox theme components.

Example

In the default theme, this component renders nothing. Here's a basic implementation of the <MessageListFooter> component:


1import { html } from "alias:@self";
2/** @import { MessageListFooterProps } from "alias:@self"; */
3
4/** @param {MessageListFooterProps} props */
5export function MessageListFooter({ common }) {
6  return html`
7    <div className="t-message-list-footer">
8      <!-- Your footer content here -->
9    </div>
10  `;
11}