Hoppa till innehållet
CONTENT · FREE

Timeline

Berätta historien om en post som en lodrät följd av händelser.

Berätta historien om en post som en lodrät följd av händelser med markör, tid och valfri allvarlighetsfärg.

Varför det hjälper

  • Händelser i ordning
  • Allvarlighetsfärger
  • Tydliga markörer

Var det passar

  • Orderhistorik
  • Ärendehistorik
  • Utgåvor
Kontrollen Timeline på en RayCraft-sida

Exempel

<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>

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