Gå til indholdet
CONTENT · FREE

Timeline

Fortæl historien om en post som en lodret række af begivenheder.

Fortæl historien om en post som en lodret række af begivenheder med markør, tid og valgfri alvorlighedsfarve.

Hvorfor det hjælper

  • Begivenheder i rækkefølge
  • Alvorlighedsfarver
  • Tydelige markører

Hvor det passer

  • Ordrehistorik
  • Sagshistorik
  • Udgivelser
Kontrollen Timeline på en RayCraft-side

Eksempel

<Timeline>
    <TimelineItem Title="Order placed" Time="08:12" Icon="IconName.Cart" Severity="Severity.Info">Payment received.</TimelineItem>
    <TimelineItem Title="Packed" Time="09:40" Icon="IconName.Archive" Severity="Severity.Success">Ready for pickup.</TimelineItem>
    <TimelineItem Title="Delayed" Time="12:05" Icon="IconName.WarningTriangle" Severity="Severity.Warning">The courier reported a delay.</TimelineItem>
    <TimelineItem Title="Delivered" Time="15:30">Signed by the customer.</TimelineItem>
</Timeline>

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.

Alle kontroller ยท Dokumentation