MessageBox Templates

Premium

The Chat allows you to customize the input area through the messageBox property.

To set a custom messageBox template, create a React component and assign it to the messageBox property of the Chat component.

The messageBox template gives you complete control over the input experience, allowing you to add custom buttons, modify the input field, or create entirely new input interfaces.

MessageBox Template Examples

The demo showcases two messageBox implementations:

• Default: Built-in Chat component messageBox with standard input and send functionality
• Enhanced: Custom messageBox with additional action buttons for attachments and voice messages, styled input field, and improved visual design

Note: The Enhanced template is a custom implementation that demonstrates how to extend the messageBox functionality. You can implement any custom input controls, validation, action buttons, or styling based on your specific requirements.

Change Theme

Theme

Loading ...

Suggested Links

• Message Templates
• Attachment Templates
• Chat API Reference