Saltar al contenido
CONTENT · FREE

Timeline

Cuenta la historia de un registro como una secuencia vertical de eventos.

Cuenta la historia de un registro como una secuencia vertical de eventos con un marcador, una hora y un color de gravedad opcional.

Por qué ayuda

  • Eventos en orden
  • Colores de gravedad
  • Marcadores claros

Dónde encaja

  • Historial de pedidos
  • Historial de casos
  • Versiones
El control Timeline en una página de RayCraft

Ejemplo

<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 breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.

Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.

Todos los controles ยท Documentación