<MessageListHeader>

The <MessageListHeader> component is rendered above the message list, right below the ChatHeader. It does not scroll with the message list.

interface MessageListHeaderProps

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 <MessageListHeader> component:


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