Chat

Adicione conversas ao seu aplicativo: uma lista de mensagens com campo de redação, agrupamento de mensagens e exibição segura do texto.

Por que ajuda

• Lista de mensagens e campo de redação
• Agrupamento
• Texto simples seguro

Onde se encaixa

• Chat de suporte
• Mensagens de equipe
• Conversas com clientes

Exemplo

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

Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.

Faz parte do RayCraft Complete.

Todos os controles · Documentação