No Data Templates

Premium

Updated on May 22, 2026

The Chat component allows you to customize the empty state that appears when there are no messages through the noDataTemplate property.

To set a custom template when the Chat is empty, create a React component and assign it to the noDataTemplate property of the Chat component. This template is displayed when the messages array is empty, providing an opportunity to guide users, establish brand identity, or offer helpful actions to start the conversation.

Change Theme

Theme

Loading ...

Suggested Links

• Message Templates
• Header Templates
• Chat API Reference