LifeUI
1.53.2Activity Timeline
Componente de línea de tiempo que muestra una secuencia de actividades o eventos.
Pedido confirmado
Hoy, 09:00
Tu pedido ha sido confirmado y está en preparación.
Orden #BLF-2847
En camino
Hoy, 11:30
El repartidor ha salido con tu pedido.
Estimado: 12:00 - 13:00
Entregado
Hoy, 12:45
Tu pedido ha sido entregado correctamente.
Firmado por el destinatario
Línea de tiempo con eventos agrupados
Puedes agrupar varios eventos bajo una misma actividad usando la propiedad events.
Documento creado
Lun 20 Ene
Se creó la versión inicial del documento de requisitos.
Por Ana Martínez
Actualizaciones
Mar 21 Ene
Se añadieron los requisitos funcionales del módulo de usuarios.
Revisión 1.2Se actualizó el diagrama de flujo del proceso de aprobación.
Revisión 1.3Corrección de typos y formato en la sección de glosario.
Revisión 1.4Comentarios y revisión
Mié 22 Ene
El documento fue enviado al equipo para revisión y comentarios.
3 comentarios pendientes
Props
ActivityTimeline
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
data | (Activity | ActivityEvents)[] | Sí | Lista de actividades. Cada elemento puede ser una actividad o un grupo. |
className | string | - | Clases CSS adicionales para el contenedor. |
...rest | ComponentProps<"div"> | - | Resto de props del elemento div. |
Actividad Unica (Activity)
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
title | string | Sí | Título principal del ítem. |
description | string | Sí | Texto descriptivo de la actividad. |
icon | ReactNode | Sí | Icono que se muestra en el círculo del ítem. |
titleComplement | string | - | Texto complementario a la derecha (ej. fecha). |
complement | string | - | Texto secundario debajo de la descripción. |
Actividad con eventos (ActivityEvents)
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
title | string | Sí | Título del grupo de eventos. |
icon | ReactNode | Sí | Icono del ítem. |
titleComplement | string | - | Texto complementario a la derecha (ej. fecha). |
events | Event[] | Sí | Array de eventos. Cada uno tiene description y opcionalmente complement. |
Evento (dentro de events)
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
description | string | Sí | Descripción del evento. |
complement | string | - | Texto secundario debajo de la descripción. |