Sektion · 6 Varianten
Schritt-Formular
sections/SchrittFormular.astro
Drei Schritte mit Fortschritt: Liste mit Häkchen, Balken als Haarlinie, nur Nummern. Zurück als Ghost, Weiter als Primary. Fertig-Zustand.
Notizen
- Bestand: nichts. Schritte statisch je Iteration, Wechsel wäre Runtime.
- Step-Item aktiv/fertig als Kopf.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "schritt-1" | "schritt-2" | "schritt-3" | "balken" | "nummern" | "fertig" | "schritt-1" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<SchrittFormular variant="schritt-1" surface="nacht" />01 · Schritt 1
Mandat als Radio-Karten
Wahl radio. Kante um jede Wahl.
Nacht
- 1 Mandat
- 2 Umfang
- 3 Kontakt
Paper
- 1 Mandat
- 2 Umfang
- 3 Kontakt
02 · Schritt 2
Umfang als Select
Feld arten. Zurück erscheint.
Nacht
- ✓ Mandat
- 2 Umfang
- 3 Kontakt
Paper
- ✓ Mandat
- 2 Umfang
- 3 Kontakt
03 · Schritt 3
Name, Mail, Senden
Kontakt. Primary Senden.
Nacht
- ✓ Mandat
- ✓ Umfang
- 3 Kontakt
Paper
- ✓ Mandat
- ✓ Umfang
- 3 Kontakt
04 · Balken
Haarlinie in Oliv
Fortschritt. Schritt 2 von 3.
Nacht
Schritt 2 von 3Umfang
Paper
Schritt 2 von 3Umfang
05 · Nummern
Nur 1 2 3
Step-Item. Ohne Wörter.
Nacht
- ✓
- 2
- 3
Paper
- ✓
- 2
- 3
06 · Fertig
Signal, Dank
Zustand. Alle Häkchen.
Nacht
- ✓ Mandat
- ✓ Umfang
- ✓ Kontakt
Gesendet
Danke. Wir melden uns in einem Werktag.
Paper
- ✓ Mandat
- ✓ Umfang
- ✓ Kontakt
Gesendet