Ajoutez des conversations à votre application : une liste de messages avec zone de saisie, regroupement des messages et affichage sûr du texte.
Pourquoi c’est utile
- Liste de messages et zone de saisie
- Regroupement
- Texte brut sûr
Où il trouve sa place
- Chat d’assistance
- Messagerie d’équipe
- Conversations clients
Exemple
<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));
}
}Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Fait partie de RayCraft Complete.