Mentionnez un collègue comme on le fait déjà dans un chat. Mention suggère des noms après un caractère déclencheur, @ par défaut, et insère le nom choisi dans le texte.
Pourquoi c’est utile
- Suggestions après @
- Flèches et Entrée pour choisir
- S’intègre aux zones de commentaire
Où il trouve sa place
- Commentaires et notes
- Descriptions de tâches
- Messages de chat
Exemple
<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 court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.