Form Config
The formConfig
is an array of objects defining the settings and structure for various forms. Each form configuration specifies details such as the form's content, behavior, input fields, and email integration.
Structure of a Form Configuration
Each form object in the array contains the following fields:
General Properties
Property Name | Type | Description |
---|---|---|
id |
string |
Unique identifier for the form. |
langCode |
string |
Language code for the form (e.g., 'uk' for Ukrainian). |
defaultLang |
boolean |
Indicates whether this is the default language for the form. |
title |
string |
Title of the form, supports HTML tags for formatting (e.g., <p> for highlighting text). |
subtitle |
string |
Subtitle or description of the form. |
button_text |
string |
Text displayed on the form submission button. |
titleSuccess |
string |
Title displayed upon successful submission. |
subtitleSuccess |
string |
Subtitle or description displayed upon successful submission. |
titleFail |
string |
Title displayed when submission fails. |
Email Configuration
Property Name | Type | Description |
---|---|---|
to |
string |
Email address to which the form data will be sent. |
from |
string |
Sender's email address. |
subject |
string |
Subject of the email sent from the form. |
Inputs
An array of input fields, each defined with the following properties:
Property Name | Type | Description |
---|---|---|
name |
string |
Name attribute for the input field. |
type |
string |
Input type (e.g., 'short', 'email', 'phone', 'textarea'). |
required |
string |
Indicates whether the field is mandatory ("true" or "false"). |
placeholder |
string |
Placeholder text displayed inside the input field. |
errorText |
string |
Error message displayed for invalid input. |
width |
number |
Width of the input field (relative to a 12-column grid). |
export const formConfig = [
{
id: "string",
langCode: "string",
defaultLang: boolean,
title: "string",
subtitle: "string",
button_text: "string",
titleSuccess: "string",
subtitleSuccess: "string",
titleFail: "string",
mailConfig: {
to: "string",
from: "string",
subject: "string"
},
inputs: [
{
name: "string",
type: "string",
required: "string",
placeholder: "string",
width: number
},
]
},
];