Komponente · 6 Varianten
Zustand
components/Zustand.astro
Erfolg und Fehler inline unter dem Formular oder als ganze Seite. Signal-Punkt, Label, Satz, Aktion. Wartet-Zustand.
Notizen
- Bestand: nichts. Signal-Regel gilt: Punkt, kein Fill.
- aria-live=polite, role=status.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "erfolg-inline" | "fehler-inline" | "erfolg-seite" | "fehler-seite" | "erfolg-fond" | "wartet" | "erfolg-inline" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<Zustand variant="erfolg-inline" surface="nacht" />01 · Erfolg inline
Unter dem Formular
Kontakt. Haarlinie oben.
Nacht
Erfolg
Gesendet.
Wir melden uns in einem Werktag.
Paper
Erfolg
Gesendet.
Wir melden uns in einem Werktag.
02 · Fehler inline
Mit Noch-einmal
Feld error. Ghost.
Nacht
Fehler
Nicht gesendet.
Verbindung unterbrochen. Noch einmal versuchen.
Paper
Fehler
Nicht gesendet.
Verbindung unterbrochen. Noch einmal versuchen.
03 · Erfolg Seite
H1 mittig, Link
Danke-Seite. py-24.
Nacht
Paper
04 · Fehler Seite
H1, Secondary
500. —
Nacht
Paper
05 · Erfolg Fond
Im Fond
Callout. p-8.
Nacht
Erfolg
Gesendet.
Wir melden uns in einem Werktag.
Paper
Erfolg
Gesendet.
Wir melden uns in einem Werktag.
06 · Wartet
Punkt granit-500
Fortschritt. Zwischenzustand.
Nacht
Wartet
Wird gesendet.
Einen Moment.
Paper
Wartet
Wird gesendet.
Einen Moment.