Línea de tiempo
Línea de tiempo
Cosas una debajo de la otra, cada una en un marcador, unidas por una línea: los pasos de un procedimiento, los eventos de una historia, las etapas de una carrera. Lo que cada una contiene es libre: una línea de texto, una tabla, un formulario, y la línea corre a lo largo de toda ella, hasta el siguiente marcador.
Pasos en orden
Numerados, con los tres estados que el escalador conoce: los pasos detrás están dibujados sólidos, el que se está realizando destaca, los que están adelante esperan.
-
Obtener las fuentes
Clona el repositorio e instala sus dependencias.
-
Configurar
Copia el entorno de ejemplo y completa la dirección de la base de datos.
-
Crear la base de datos
Ejecuta las migraciones; este es el paso en progreso.
-
Desplegar
Construye los activos y publica la versión.
Cualquier cosa bajo un título
Cada ítem contiene lo que necesita: propiedades, un mensaje, botones. Un ícono reemplaza el punto, y un tono colorea el marcador como colorea un marcador o un bloque.
-
Pedido realizado
- Referencia
- ORD-2026-0142
- Cantidad
- € 184.00
- Pago
- Tarjeta terminando en 4242
-
Pago recibido
-
Enviado
-
Entrega
Una historia
Sin orden que seguir, solo eventos: puntos, una fecha bajo cada título, y un color de categoría donde se dice algo.
-
Versión 2.0 lanzada
-
Revisado por el equipo
-
Primer borrador
Pasos no decididos aún
Como en el escalador: un paso que depende de una respuesta no dada aún no toma número y no mueve a los demás.
-
Obtener las fuentes
-
Elegir un plan
-
Depende del plan
-
Desplegar
Escrito a mano
El componente es solo una forma de escribir la forma de una lista. Las mismas clases escritas en la página dan la misma línea de tiempo, con cualquier cosa en ella.
-
Un punto plano
-
Un ícono en lugar del punto
Cualquier marcado, escrito en la página.
En vue
La misma línea de tiempo en un árbol vue. Lo que la ramita toma como marcado es un slot con alcance allí, así que un componente puede estar bajo el título de un ítem.