Schreiben Sie uns heute eine Nachricht!

Für schnellere Antworten schauen Sie in unseren FAQ-Bereich. Dort finden Sie vielleicht bereits die Lösung, die Sie suchen! Falls nicht, hilft Ihnen unser Support-Team gerne weiter.

Unser Support-Team antwortet normalerweise innerhalb von 24 Geschäftsstunden.

* Pflichtfelder

FormContact

Kontaktformular

Beispiel fĂĽr die FormContact-Komponente.

Codebeispiel

<FormContact
id="form"
title="Schreiben Sie uns heute eine Nachricht!"
subtitle="Für schnellere Antworten schauen Sie in unseren FAQ-Bereich. Dort finden Sie vielleicht bereits die Lösung, die Sie suchen! Falls nicht, hilft Ihnen unser Support-Team gerne weiter."
inputs={[
{ type: 'text', name: 'firstname', label: 'Vorname' },
{ type: 'text', name: 'lastname', label: 'Nachname' },
{ type: 'email', name: 'email', label: 'E-Mail' },
{ type: 'tel', name: 'phone', label: 'Telefon', required: false, placeholder: '+49 123 456789' },
{ type: 'text', name: 'company', label: 'Unternehmen', required: false },
{ type: 'select', name: 'position', label: 'Position', required: false, options: [{ value: '', label: '—' }, { value: 'developer', label: 'Entwickler:in' }, { value: 'architect', label: 'Architekt:in' }, { value: 'devops', label: 'DevOps' }, { value: 'manager', label: 'Manager:in' }, { value: 'consultant', label: 'Berater:in' }, { value: 'student', label: 'Student:in' }, { value: 'other', label: 'Sonstiges' }] },
{ type: 'hidden', name: 'contact', label: 'Kontakt', value: 'kontakt-formular', readonly: true, required: false },
]}
textarea={{ label: 'Nachricht', required: true }}
disclaimer={{ useStandardPrivacy: true, required: true }}
description="Unser Support-Team antwortet normalerweise innerhalb von 24 Geschäftsstunden."
/>

Parameter

BezeichnerTypBeschreibungDefault
titlestringTitel des Formulars-
subtitlestringUntertitel des Formulars-
taglinestringTagline ĂĽber dem Titel-
inputsarrayListe der Eingabefelder[]
textareaobjectKonfiguration fĂĽr das Textfeld-
disclaimerobjectKonfiguration fĂĽr die Checkbox-
buttonstringText fĂĽr den Absende-ButtonAbsenden
descriptionstringBeschreibung unter dem Formular-

Fragments

BezeichnerBeschreibungDefault
defaultStandardinhalt