Zum Inhalt springen
CONTENT · FREE

Timeline

Die Geschichte eines Datensatzes als senkrechte Folge von Ereignissen erzählen.

Erzählen Sie die Geschichte eines Datensatzes als senkrechte Folge von Ereignissen mit Marker, Zeit und optionaler Schweregradfarbe.

Warum es hilft

  • Ereignisse in Reihenfolge
  • Schweregradfarben
  • Klare Marker

Wo es passt

  • Bestellverlauf
  • Fallverlauf
  • Releases
Das Steuerelement Timeline auf einer RayCraft-Seite

Beispiel

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

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.

Alle Steuerelemente ยท Dokumentation