Chat

Voeg gesprekken toe aan je app: een berichtenlijst met invoerveld, groepering van berichten en veilige weergave van tekst.

Waarom het helpt

• Berichtenlijst en invoerveld
• Groepering
• Veilige platte tekst

Waar het past

• Supportchat
• Teammeldingen
• Klantgesprekken

Voorbeeld

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

Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.

Onderdeel van RayCraft Complete.

Alle besturingselementen · Documentatie