Hopp til innholdet
VALG FRA LISTE · FREE

Mention

Tagg kolleger med @ rett i en tekstboks.

Tagg en kollega slik man allerede gjør i chatten. Mention foreslår navn etter et utløsertegn, som standard @, og setter det valgte navnet inn i teksten.

Hvorfor det hjelper

  • Forslag etter @
  • Piltaster og Enter for å velge
  • Passer i kommentarfelt

Hvor det passer

  • Kommentarer og notater
  • Oppgavebeskrivelser
  • Chatmeldinger
Kontrollen Mention på en RayCraft-side

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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentasjon