Добавете разговори към приложението си: списък със съобщения с поле за писане, групиране на съобщения и безопасно показване на текст.
Защо помага
- Списък със съобщения и поле за писане
- Групиране
- Безопасен обикновен текст
Къде пасва
- Чат за поддръжка
- Екипни съобщения
- Разговори с клиенти
Пример
<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));
}
}Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.
Част от RayCraft Complete.