Chat

Lägg till samtal i din app: en meddelandelista med skrivfält, gruppering av meddelanden och säker visning av text.

Varför det hjälper

• Meddelandelista och skrivfält
• Gruppering
• Säker vanlig text

Var det passar

• Supportchatt
• Teammeddelanden
• Kundsamtal

Exempel

<Chat Messages="_messages" OnSend="Send" TypingText="@(_typing ? "Support is typing..." : null)" />

@code {
    private readonly List<ChatMessage> _messages = new()
    {
        new("Support", "Hello! How can we help?", DateTime.Today.AddHours(9)),
        new("You", "My export fails on large files.", DateTime.Today.AddHours(9).AddMinutes(1), true)
    };

    private bool _typing;

    private async Task Send(string text)
    {
        _messages.Add(new ChatMessage("You", text, DateTime.Now, true));
        _typing = true;
        StateHasChanged();
        await Task.Delay(900);
        _typing = false;
        _messages.Add(new ChatMessage("Support", "Thanks, we are looking into it.", DateTime.Now));
    }
}

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Del av RayCraft Complete.

Alla kontroller · Dokumentation