Bringen Sie Gespräche in Ihre App: eine Nachrichtenliste mit Eingabefeld, Gruppierung von Nachrichten und sicherer Anzeige von Text.
Warum es hilft
- Nachrichtenliste und Eingabefeld
- Gruppierung
- Sicherer reiner Text
Wo es passt
- Support-Chat
- Team-Nachrichten
- Kundengespräche
Beispiel
<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));
}
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
Teil von RayCraft Complete.