Markieren Sie einen Kollegen so, wie er es schon aus dem Chat kennt. Mention schlägt nach einem Auslösezeichen, standardmäßig @, Namen vor und fügt den gewählten Namen in den Text ein.
Warum es hilft
- Vorschläge nach @
- Pfeiltasten und Enter zum Wählen
- Passt in Kommentarfelder
Wo es passt
- Kommentare und Notizen
- Aufgabenbeschreibungen
- Chatnachrichten
Beispiel
<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")
];
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.