Tag en kollega, som man allerede gør i chatten. Mention foreslår navne efter et udløsertegn, som standard @, og indsætter det valgte navn i teksten.
Hvorfor det hjælper
- Forslag efter @
- Piletaster og Enter til at vælge
- Passer i kommentarfelter
Hvor det passer
- Kommentarer og noter
- Opgavebeskrivelser
- Chatbeskeder
Eksempel
<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")
];
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.