For AI agents: Find a documentation index at https://talkjs.com/llms.txt (full content at https://talkjs.com/llms-full.txt). Get a markdown version of any page by appending .md to its URL path.

<MessageListFooter>

Render content below messages.

View as Markdown

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

interface MessageListFooterProps

Properties

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:

import { html } from "@talkjs/web-components";
/** @import { MessageListFooterProps } from "@talkjs/web-components"; */

/** @param {MessageListFooterProps} props */
export function MessageListFooter({ common }) {
  return html`
    <div className="t-message-list-footer">
      <!-- Your footer content here -->
    </div>
  `;
}