Komponente · 6 Varianten
Step-Item
components/StepItem.astro
Schritt mit Nummer, Titel, Text; Verbindungslinie als Haarlinie; Punkt statt Zahl; quer; aktiv und fertig invers.
Notizen
- Bestand: Prozess-Sektion setzt Schritte mit border-l/border-t ad hoc.
- Wenn Approved: Prozess-Varianten setzen Step-Item.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "nummer" | "linie" | "punkt" | "quer" | "aktiv" | "fertig" | "nummer" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<StepItem variant="nummer" surface="nacht" />01 · Nummer
Ohne Linie
Prozess leiter. Mono 01.
Nacht
- 01
Briefing
Tag 0. Ein Gespräch, ein Dokument.
- 02
Legen
Tag 1 bis 10. Fläche, Index, Draht.
- 03
Abnahme
Tag 14. Live, gemessen, übergeben.
Paper
- 01
Briefing
Tag 0. Ein Gespräch, ein Dokument.
- 02
Legen
Tag 1 bis 10. Fläche, Index, Draht.
- 03
Abnahme
Tag 14. Live, gemessen, übergeben.
02 · Linie
Connector 1px
Prozess treppe. absolute w-px.
Nacht
- 01
Briefing
Tag 0. Ein Gespräch, ein Dokument.
- 02
Legen
Tag 1 bis 10. Fläche, Index, Draht.
- 03
Abnahme
Tag 14. Live, gemessen, übergeben.
Paper
- 01
Briefing
Tag 0. Ein Gespräch, ein Dokument.
- 02
Legen
Tag 1 bis 10. Fläche, Index, Draht.
- 03
Abnahme
Tag 14. Live, gemessen, übergeben.
03 · Punkt
Punkt statt Zahl
Timeline. 8 px.
Nacht
-
Briefing
Tag 0. Ein Gespräch, ein Dokument.
-
Legen
Tag 1 bis 10. Fläche, Index, Draht.
-
Abnahme
Tag 14. Live, gemessen, übergeben.
Paper
-
Briefing
Tag 0. Ein Gespräch, ein Dokument.
-
Legen
Tag 1 bis 10. Fläche, Index, Draht.
-
Abnahme
Tag 14. Live, gemessen, übergeben.
04 · Quer
Drei Spalten, Linie oben
Prozess band. sm:grid-cols-3.
Nacht
- 01
Briefing
Tag 0. Ein Gespräch, ein Dokument.
- 02
Legen
Tag 1 bis 10. Fläche, Index, Draht.
- 03
Abnahme
Tag 14. Live, gemessen, übergeben.
Paper
- 01
Briefing
Tag 0. Ein Gespräch, ein Dokument.
- 02
Legen
Tag 1 bis 10. Fläche, Index, Draht.
- 03
Abnahme
Tag 14. Live, gemessen, übergeben.
05 · Aktiv
Schritt 2 invers
Schritt-Formular. Zustand.
Nacht
- 01
Briefing
Tag 0. Ein Gespräch, ein Dokument.
- 02
Legen
Tag 1 bis 10. Fläche, Index, Draht.
- 03
Abnahme
Tag 14. Live, gemessen, übergeben.
Paper
- 01
Briefing
Tag 0. Ein Gespräch, ein Dokument.
- 02
Legen
Tag 1 bis 10. Fläche, Index, Draht.
- 03
Abnahme
Tag 14. Live, gemessen, übergeben.
06 · Fertig
Haken, letzter gedimmt
Schritt-Formular. ✓ als Zeichen.
Nacht
- ✓
Briefing
Tag 0. Ein Gespräch, ein Dokument.
- ✓
Legen
Tag 1 bis 10. Fläche, Index, Draht.
- 03
Abnahme
Tag 14. Live, gemessen, übergeben.
Paper
- ✓
Briefing
Tag 0. Ein Gespräch, ein Dokument.
- ✓
Legen
Tag 1 bis 10. Fläche, Index, Draht.
- 03
Abnahme
Tag 14. Live, gemessen, übergeben.