Blazor Chat
The Blazor Chat component supports multi-participant conversations with distinct user identities and real-time messaging - for team chats, group discussions, and messaging apps.
Console log
Multi-participant support linkLink to this section
The Chat component supports multiple users with distinct identities, avatars, and online status indicators.
Use Users to manage the chat users and CurrentUserId to identify the current user.
User Management
User List
John Doe
OnlineYouJane Smith
OnlineBob Johnson
OfflineAlice Brown
OnlineMulti-User Features
User Management
- Add and remove users dynamically
- Each participant has a unique identity and avatar
- Online/offline status tracking
- User list displayed in chat header
Message Features
- Messages are aligned based on sender (user vs users)
- User names shown above messages
- Avatar initials generated from participant names
- Message timestamps for all users
Customization options linkLink to this section
Customize the appearance and behavior of the Chat component using various properties like ShowUsers,
ShowUserNames, MaxVisibleUsers, and ShowClearButton.
Display Options
Text Customization
Customization Features
Display Controls
ShowUsers- Toggle participant avatars in headerShowUserNames- Show/hide names above messagesShowClearButton- Control clear chat button visibilityMaxVisibleUsers- Limit header participant display
Text Customization
Placeholder- Customize input field placeholderEmptyMessage- Set message when chat is emptyTitle- Set chat header title- All text properties support localization
Events and interactions linkLink to this section
Handle chat events like MessageAdded, MessageSent, UserAdded, and ChatCleared
to integrate with your application logic and provide real-time updates.
Console log
Date separator and timestamp format linkLink to this section
Use TimestampFormat to control how the time is rendered next to each message, and ShowDateSeparator (with DateSeparatorFormat)
to insert a divider between messages whenever the day changes — useful for chats that span multiple days.
Date & Time Options
Compact chat linkLink to this section
Create a more compact chat interface suitable for smaller spaces or sidebar implementations by adjusting the height and hiding optional elements.
Compact Chat
Minimal Chat
Compact Chat Features
Space-Saving Options
- Reduced height for sidebar implementations
- Hide participant names to save vertical space
- Limit visible users in header
- Remove optional UI elements (clear button, title)
Use Cases
- Sidebar chat panels
- Mobile-responsive layouts
- Embedded chat widgets
- Minimal notification systems
RenderFragment as Title linkLink to this section
Use a RenderFragment to display more complex content in the title of the chat component.
Console log
Mention Users linkLink to this section
Use a Mention Character to define on which character a callback should be triggered and display a search popup.
Console log
Frequently asked questions
Does the Blazor Chat support multiple participants?
Yes. It renders messages from distinct users with their own identity and supports real-time, multi-participant conversations.
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT