Chat

Añade conversaciones a tu aplicación: una lista de mensajes con cuadro de redacción, agrupación de mensajes y visualización segura del texto.

Por qué ayuda

• Lista de mensajes y cuadro de redacción
• Agrupación
• Texto plano seguro

Dónde encaja

• Chat de soporte
• Mensajería de equipo
• Conversaciones con clientes

Ejemplo

<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 breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.

Forma parte de RayCraft Complete.

Todos los controles · Documentación