Marque um colega como já se faz no chat. Mention sugere nomes depois de um caractere gatilho, @ por padrão, e insere o nome escolhido no texto.
Por que ajuda
- Sugestões depois de @
- Setas e Enter para escolher
- Combina com caixas de comentários
Onde se encaixa
- Comentários e notas
- Descrições de tarefas
- Mensagens de chat
Exemplo
<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")
];
}Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.
Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.