Tilføj samtaler til din app: en beskedliste med skrivefelt, gruppering af beskeder og sikker visning af tekst.
Hvorfor det hjælper
- Beskedliste og skrivefelt
- Gruppering
- Sikker almindelig tekst
Hvor det passer
- Supportchat
- Teambeskeder
- 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 uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Del af RayCraft Complete.