Sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

* Pflichtfelder

Form

Kontaktformular

Die Form-Komponente bietet ein vollständiges Kontaktformular mit verschiedenen Feldern und Validierung. Sie kann für verschiedene Zwecke wie Newsletter-Anmeldung, Kontaktaufnahme oder Feedback verwendet werden.

Codebeispiel

<Form
  formName="contact-default"
  inputs={[
    { type: 'text', name: 'name', label: 'Name', placeholder: 'Lorem ipsum' },
    { type: 'email', name: 'email', label: 'E-Mail', placeholder: 'Dolor sit amet' },
    { type: 'tel', name: 'phone', label: 'Telefon', placeholder: '+49 123 456789', required: true },
    { type: 'hidden', name: 'context', value: 'docs-demo' }
  ]}
  textarea={{ label: 'Nachricht', name: 'message', placeholder: 'Consetetur sadipscing elitr...', rows: 4 }}
  disclaimer={{ useStandardPrivacy: true, required: true }}
  button="Lorem ipsum"
  description="Sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum."
/>

Parameter

BezeichnerTypBeschreibungDefault
inputsarrayListe der Eingabefelder[]
textareaobjectKonfiguration für das Textfeld-
disclaimerobjectKonfiguration für die Checkbox-
buttonstringText für den Absende-ButtonAbsenden
descriptionstringBeschreibung unter dem Formular-
formNamestringName des Formulars (z. B. für Netlify Forms)-
Wiki-Dokumentation Quellcode

Hinweis: Versteckte Felder können mit type: 'hidden' und value gesetzt werden. Mit formName wird intern ein form-name Hidden-Feld erzeugt (z. B. für Netlify Forms).