User Status Templates

Premium

Updated on Dec 19, 2025

The Chat component allows you to display custom user status indicators next to user avatars through the userStatusTemplate property.

To set a custom user status template, create a React component and assign it to the userStatusTemplate property of the Chat component. The template receives the last message object from the message group. You can add custom fields to the object, and display indicators like online/offline status, availability, or custom presence states based on custom fields.

The following demo shows how to implement custom user status indicators that display online/offline badges with different colors and icons based on a custom author.status field.

Change Theme

Theme

Loading ...

Suggested Links

• Message Templates
• Header Templates
• Chat API Reference