Hoppa till innehållet
VAL FRÅN LISTA · FREE

Mention

Tagga kollegor med @ direkt i en textruta.

Tagga en kollega som man redan gör i chatten. Mention föreslår namn efter ett utlösartecken, som standard @, och infogar det valda namnet i texten.

Varför det hjälper

  • Förslag efter @
  • Piltangenter och Enter för att välja
  • Passar i kommentarsfält

Var det passar

  • Kommentarer och anteckningar
  • Uppgiftsbeskrivningar
  • Chattmeddelanden
Kontrollen Mention på en RayCraft-sida

Exempel

<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")
    ];
}

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.

Alla kontroller ยท Dokumentation