<BeforeMessages>

The <BeforeMessages> component is rendered inside the message list container, before the first message. It scrolls with the message list.

interface BeforeMessagesProps

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


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