Overview
The field Field is a generic component using which you can accept values in different formats and data types
e.g. number, phone, email, text, etc
It can be bound with the model field Field and variable
If you want to accept/display data to the user without a form an object you can use the Field component
Attributes
Label
The label is a short description of the field that will be displayed before the data input/output.
Placeholder
A placeholder is a short text, located inside the input data field.
...
Layout
It is a design using which the user can arrange the fields.
The Layout options arecomes in 5 different forms:
Stacked: In a stacked layout, the input/output field is under the field label with a small margin around the label, and the input/output field
Horizontal: In a horizontal layout, the input/output field is in front of the field label with a small margin around the label, and the input/output field
Single Column: A Single Column layout is the same as a horizontal layout the only difference is the input/output field size is greater than the field label in a layout.
No Label: In the No Label layout, the label name is not visible only the input/output field is present in the layout
Compact: Compact layout is the same as a stacked layout, the difference is there is no margin around the label and the input/output field
...
URL to create a field as a link
This feature is used to make a field a hyperlink field// add ss and more description
This value will serve as a hyperlink text
Inline Edit
The inline edit feature allows us to edit the record without pressing the edit button// add ss and more description
Debounce Time in seconds
Debounce Time is the time taken to complete the two actions
e.g. When you click on the save button, the time it takes to complete the save action is debounce timedebouncing time
Validations
Required Type: Ensures that a specific type of input is required.
Required Error Message: Specifies the error message to be displayed when the required type is not provided.
Minimum Length: Specifies the minimum length of input required.
Min Length Error Message: Specifies the error message to be displayed when the input length is less than the minimum required length.
Maximum Length: Specifies the maximum length of input allowed.
Max Length Error Message: Specifies the error message to be displayed when the input length exceeds the maximum allowed length.
Pattern: Specifies a pattern or format that the input must adhere to.
Pattern Error Message: Specifies the error message to be displayed when the input does not match the specified pattern.
Read-only:
Never: The field cannot be read-only
Always: The field will be always read-only
Conditional: Depending on the read-only criteria, the field can be set as read-only or not
Disable:
Never: The field cannot be disabled
Always: The field will be always disabled
Conditional: Depending on the disability criteria, the field can be set as disabled or not