Tag een collega zoals ze dat al in de chat doen. Mention stelt namen voor na een triggerteken, standaard @, en voegt de gekozen naam in de tekst in.
Waarom het helpt
- Suggesties na @
- Pijltoetsen en Enter om te kiezen
- Past in opmerkingsvakken
Waar het past
- Opmerkingen en notities
- Taakbeschrijvingen
- Chatberichten
Voorbeeld
<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")
];
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.