Skip to main content
All docs
V25.1
  • BlazorChatMessage.Content Property

    Returns the message content.

    Namespace: DevExpress.AIIntegration.Blazor.Chat

    Assembly: DevExpress.AIIntegration.Blazor.Chat.v25.1.dll

    NuGet Package: DevExpress.AIIntegration.Blazor.Chat

    Declaration

    public string Content { get; }

    Property Value

    Type Description
    String

    The message content.

    Remarks

    Use the Content property to get the text content of the message.

    You can use this property to specify message content when you use a MessageTemplate or MessageContentTemplate.

    <DxAIChat CssClass="demo-chat">
        <MessageTemplate>
            <div class="@GetMessageClasses(context)">
                @if(context.Typing) {
                    <span>Loading...</span>
                } else {
                    <div class="demo-chat-content">
                        @context.Content
                    </div>
                }
            </div>
        </MessageTemplate>
    </DxAIChat>
    
    @code {
        string GetMessageClasses(BlazorChatMessage message) {
            if(message.Role == ChatMessageRole.Assistant) {
                return "demo-chat-message demo-assistant-message";
            } else if(message.Role == ChatMessageRole.User) {
                return "demo-chat-message demo-user-message";
            } else if(message.Role == ChatMessageRole.Error) {
                return "demo-chat-message demo-error-message";
            }
            return "demo-chat-message";
        }
    }
    

    AI chat with loading message

    Run Demo: AI Chat - Rich Formatted Response View Example: AI Chat for Blazor - How to add DxAIChat component in Blazor, MAUI, WPF, and WinForms applications

    See Also