Naar de inhoud
CONTENT · FREE

Timeline

Vertel het verhaal van een record als een verticale reeks gebeurtenissen.

Vertel het verhaal van een record als een verticale reeks gebeurtenissen met markering, tijd en optionele ernstkleur.

Waarom het helpt

  • Gebeurtenissen op volgorde
  • Ernstkleuren
  • Duidelijke markeringen

Waar het past

  • Orderhistorie
  • Dossierhistorie
  • Releases
Het besturingselement Timeline op een RayCraft-pagina

Voorbeeld

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

Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.

Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.

Alle besturingselementen ยท Documentatie