Einstellungen (Settings)
Das Modul bietet eine Vielzahl von Einstellungen, um die Darstellung und Funktion des Formulars an deine Bedürfnisse anzupassen.
Form
| Label | Beschreibung | Optionen | Standardwert |
|---|---|---|---|
| Layout | Bestimmt das Layout des Formulars. | Grid, Stacked, Stacked (Name fields as grid) | Stacked |
| Show Name | Aktiviert die Anzeige eines gemeinsamen Namensfelds. | true, false | true |
| Show First Name | Zeigt ein separates Eingabefeld für den Vornamen an. | true, false | true |
| Show Last Name | Zeigt ein separates Eingabefeld für den Nachnamen an. | true, false | false |
| Column Gap | Definiert den Abstand zwischen Spalten. | Small, Medium, Default | Default |
| Size | Legt die Größe des Formulars fest. | Small, Default, Large | Default |
| Style | Bestimmt den Stil des Formulars. | Default, Blank | Default |
| Disable Validation | Deaktiviert die HTML5-Formularvalidierung. | true, false | true |
Alerts
| Label | Beschreibung | Standardwert |
|---|---|---|
| First Name Required | Nachricht, die angezeigt wird, wenn das Feld "Vorname" leer ist. | "" |
| Last Name Required | Nachricht, die angezeigt wird, wenn das Feld "Nachname" leer ist. | "" |
| E-Mail Required | Nachricht, die angezeigt wird, wenn die E-Mail-Adresse fehlt. | "" |
| Invalid Email | Nachricht, die angezeigt wird, wenn die eingegebene E-Mail-Adresse ungültig ist. | "" |
| Privacy Required | Nachricht, die angezeigt wird, wenn die Datenschutz-Checkbox nicht angehakt wurde. | "" |
Labels
| Label | Beschreibung | Standardwert |
|---|---|---|
| First Name Label | Legt das Label für das Feld "Vorname" fest. | "First name" |
| Last Name Label | Legt das Label für das Feld "Nachname" fest. | "Last name" |
| eMail Label | Legt das Label für das Feld "E-Mail" fest. | "eMail address" |
| Button Label | Legt den Text des Absenden-Buttons fest. | "Subscribe" |
Button
| Label | Beschreibung | Optionen | Standardwert |
|---|---|---|---|
| Style | Definiert den Stil des Buttons. | Default, Primary, Secondary, Danger, Text | Default |
| Icon | Wählt ein Icon, das auf dem Button angezeigt wird. | Jede gültige Icon-Klasse | Keine Auswahl |
| Icon Alignment | Legt die Position des Icons fest. | Left, Right | Left |
| Full width button | Aktiviert einen Button, der die gesamte Breite des Containers einnimmt. | true, false | false |
| Extra Margin | Fügt einen zusätzlichen Außenabstand hinzu. | None, Small, Medium | None |