Menciona a un colega como ya lo hace en el chat. Mention sugiere nombres tras un carácter disparador, @ por defecto, e inserta el nombre elegido en el texto.
Por qué ayuda
- Sugerencias tras @
- Flechas e Intro para elegir
- Encaja en cuadros de comentarios
Dónde encaja
- Comentarios y notas
- Descripciones de tareas
- Mensajes de chat
Ejemplo
<Mention @bind-Value="_text" Label="Comment" Lines="3" Items="_people" OnMention="m => _last = m.Text" Placeholder="@("Type @ to mention someone")" />
<p>Last mention: @(_last ?? "none")</p>
@code {
private string? _text;
private string? _last;
private readonly MentionItem[] _people =
[
new("1", "Ivan Petrov"), new("2", "Maria Georgieva"), new("3", "Georgi Dimitrov"), new("4", "Elena Stoyanova"), new("5", "Nikolay Ivanov")
];
}Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.