Chat

Legg til samtaler i appen din: en meldingsliste med skrivefelt, gruppering av meldinger og trygg visning av tekst.

Hvorfor det hjelper

• Meldingsliste og skrivefelt
• Gruppering
• Trygg vanlig tekst

Hvor det passer

• Supportchat
• Teammeldinger
• Kundesamtaler

Eksempel

<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));
    }
}

Et kort utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Del av RayCraft Complete.

Alle kontroller · Dokumentasjon