Aller au contenu
CONTENT · FREE

Timeline

Racontez l’histoire d’un enregistrement comme une suite verticale d’événements.

Racontez l’histoire d’un enregistrement comme une suite verticale d’événements avec un marqueur, une heure et une couleur de gravité facultative.

Pourquoi c’est utile

  • Événements dans l’ordre
  • Couleurs de gravité
  • Marqueurs clairs

Où il trouve sa place

  • Historique de commande
  • Historique de dossier
  • Versions
Le contrôle Timeline dans une page RayCraft

Exemple

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

Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.

Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.

Tous les contrôles ยท Documentation