Oś czasu

Oś czasu

Rzeczy jedna pod drugą, każda na znaczniku, połączone linią: kroki procedury, wydarzenia historii, etapy biegu. Co każdy z nich zawiera jest dowolne — linia tekstu, tabela, formularz — a linia przebiega przez całość, do następnego znacznika.

Kroki w kolejności

Numerowane, z trzema stanami, które zna wskaźnik: kroki z tyłu są rysowane na stałe, ten, który jest w trakcie, wyróżnia się, a te z przodu czekają.
  1. Pobierz źródła

    Sklonuj repozytorium i zainstaluj jego zależności.

  2. Skonfiguruj

    Skopiuj przykładowe środowisko i wypełnij adres bazy danych.

  3. Utwórz bazę danych

    Uruchom migracje; to jest krok w toku.

  4. Wdróż

    Zbuduj zasoby i opublikuj wersję.

Cokolwiek pod tytułem

Każdy element zawiera to, co potrzebuje — właściwości, wiadomość, przyciski. Ikona zastępuje kropkę, a ton koloruje znacznik tak, jak koloruje znacznik lub blok.
  1. Zamówienie złożone
    14 marca, 09:41
    Referencja
    ORD-2026-0142
    Kwota
    € 184.00
    Płatność
    Karta kończąca się na 4242
  2. Płatność odebrana
    14 marca, 09:42
  3. Wysłane
    15 marca, 16:05
    Opóźnienie

    Przewoźnik ogłasza jeszcze jeden dzień.

  4. Dostawa

Historia

Bez porządku do naśladowania, tylko wydarzenia: kropki, data pod każdym tytułem i kolor kategorii, gdzie coś się mówi.
  1. Wersja 2.0 wydana
    2 września
  2. Recenzowane przez zespół
    28 sierpnia
  3. Pierwszy szkic
    12 sierpnia

Kroki jeszcze nie ustalone

Jak na wskaźniku: krok, który zależy od odpowiedzi, która jeszcze nie została podana, nie ma numeru i nie przesuwa innych.
  1. Pobierz źródła
  2. Wybierz plan
  3. Zależy od planu
  4. Wdróż

Napisane ręcznie

Komponent to tylko sposób na zapisanie kształtu z listy. Te same klasy zapisane na stronie dają tę samą oś czasu, z czymkolwiek w niej.
  1. Zwykła kropka
  2. Ikona zamiast kropki

    Dowolny znacznik, zapisany na stronie.

W vue

Ta sama oś czasu w drzewie vue. To, co gałązka traktuje jako znacznik, jest tam zakreślonym slotem, więc komponent może stać pod tytułem elementu.