Edit documentation Edit document
SSR/SSG

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
            },
        ]
    },
];