Form
react-hook-form-Anbindung aus @lukasfend/ui/form: FormField verbindet Schema, Label und Control, Form übernimmt Fehlerübersicht, Fokusführung und den Ladezustand des Submit-Buttons.
Fehlerübersicht
Ein ungültiges Absenden fokussiert die Übersicht. Ihre Links springen direkt in das betroffene Feld; die einzelnen Fehler hängen zusätzlich per aria-describedby am Control.
Fokus auf das erste Feld
Ohne summary erhält das erste ungültige Feld den Fokus. Der Submit-Button zeigt während des Speicherns automatisch aria-busy und den Spinner.
Playground
Fehlerübersicht und simulierte Speicherdauer umschalten.
Barrierefreiheit
Die Übersicht ist ein Alert mit programmatischem Fokus und verlinkt jedes Feld. Fehlertexte erscheinen erst nach Blur (onTouched), nicht bei jedem Tastendruck.
FormField setzt id, aria-describedby und aria-invalid über den Field-Kontext. Der Submit-Button liest den Ladezustand aus einem react-hook-form-freien Kontext; die Form-Integration bleibt deshalb in einem eigenen Subpath.