<NoConversationSelected>

The <NoConversationSelected> component is shown in the chatbox panel when no conversation is selected.

interface NoConversationSelectedProps

Properties

common

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


1import { html } from "@talkjs/web-components";
2/** @import { NoConversationSelectedProps } from "@talkjs/web-components"; */
3
4/** @param {NoConversationSelectedProps} props */
5export function NoConversationSelected({ common }) {
6  return html`
7    <!-- Your content here -->
8  `;
9}