Tijdlijn

Tijdlijn

Dingen onder elkaar, elk op een marker, verbonden door een lijn: de stappen van een procedure, de gebeurtenissen van een geschiedenis, de fasen van een uitvoering. Wat elk bevat is vrij — een regel tekst, een tabel, een formulier — en de lijn loopt naar beneden tot de volgende marker.

Stappen in volgorde

Genummerd, met de drie staten die de stapper kent: de stappen achter zijn solide getekend, de stap die wordt uitgevoerd springt eruit, degenen die voor liggen wachten.
  1. Haal de bronnen op

    Clone de repository en installeer de afhankelijkheden.

  2. Configureren

    Kopieer de voorbeeldomgeving en vul het databankadres in.

  3. Creëer de database

    Voer de migraties uit; dit is de stap in uitvoering.

  4. Implementeren

    Bouw de assets en publiceer de release.

Iets onder een titel

Elk item bevat wat het nodig heeft — eigenschappen, een bericht, knoppen. Een pictogram vervangt de stip, en een toon kleurt de marker zoals het een marker of een blok kleurt.
  1. Bestelling geplaatst
    14 maart, 09:41
    Referentie
    ORD-2026-0142
    Bedrag
    € 184.00
    Betaling
    Kaart eindigend op 4242
  2. Betaling ontvangen
    14 maart, 09:42
  3. Verzonden
    15 maart, 16:05
    Vertraging

    De koerier meldt nog een dag.

  4. Levering

Een geschiedenis

Geen volgorde om te volgen, alleen gebeurtenissen: stippen, een datum onder elke titel, en een categorie kleur waar het iets vertelt.
  1. Versie 2.0 uitgebracht
    2 september
  2. Beoordeeld door het team
    28 augustus
  3. Eerste concept
    12 augustus

Stappen nog niet besloten

Zoals op de stapper: een stap die afhankelijk is van een nog niet gegeven antwoord krijgt geen nummer en verplaatst geen van de anderen.
  1. Haal de bronnen op
  2. Kies een plan
  3. Afhankelijk van het plan
  4. Implementeren

Met de hand geschreven

De component is slechts een manier om de vorm uit een lijst te schrijven. Dezelfde klassen geschreven op de pagina geven dezelfde tijdlijn, met alles erin.
  1. Een simpele stip
  2. Een pictogram in plaats van de stip

    Elke markup, geschreven op de pagina.

In vue

Dezelfde tijdlijn in een vue-boom. Wat de tak als markup neemt is daar een scoped slot, zodat een component onder de titel van een item kan staan.