Fields

The fields define the inputs used in the form. Each field captures user data and can be customized to meet specific requirements. Below is an overview of all available field types, their shared properties, and unique attributes. Each field type has its own page for detailed explanations and practical examples.

General Properties

Name	Type	Default	Description
aria	`string`	–	Optional aria label for better accessibility.
autofocus	`bool`	`false`	Set autofocus on field.
error	`string` \| `array`	–	Costum error message for translation or customization.
help	`string` \| `array`	–	Optional help text below the field
label	`string` \| `array`	–	The field label can be set as string or associative array with translations
placeholder	`string` \| `array`	–	Optional placeholder value that will be shown when the field is empty.
required	`bool`	–	Defines whether the field is mandatory for form submission.
title	`string` \| `array`	–	Tooltip displayed when the user hovers over the field (supports multilingual configurations).
width	`string`	`1/1`	The width of the field in the 12 columns field grid.

Available Fields

Checkbox

The checkbox field allows users to select one or more predefined options. It is useful for multiple-choice inputs or binary decisions.

Date-Range

The date-range field allows users to select a start and end date, typically used for scheduling or booking purposes.

Date

The date field allows users to select a single date. This field is ideal for scenarios like selecting a birthdate, scheduling an event, or setting deadlines.

Email

The email field is used to capture valid email addresses from users. This field is essential for forms requiring communication or confirmation emails.

File

The file field allows users to specify files to be included as email attachments. These attachments are validated to ensure they meet size, type, and MIME requirements before being sent.

Number

The number field allows users to input numeric values. This field is ideal for scenarios like setting quantities, entering prices, or defining numeric parameters.

Radio

The radio field allows users to select a single option from a predefined list. It is ideal for forms where a single choice is required, such as selecting a gender, a payment method, or a preferred contact method.

Select

The select field allows users to choose a single option from a dropdown menu. This field is ideal for presenting a list of predefined choices in a compact format.

Tel

The tel field allows users to input a phone number. It supports validation through a configurable pattern to ensure proper formatting.

Text

The text field is used for capturing single-line text inputs. It is versatile and suitable for names, titles, or any short textual data.

Textarea

The textarea field is used for capturing multi-line text inputs. It is ideal for messages, comments, or any form of longer textual content.

Time

The time field allows users to input time values in a 24-hour format (HH:mm). It supports validation for format, range, and other constraints.

URL

The URL field is used to capture web addresses. It validates the input to ensure it is a properly formatted URL.