...
The 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 and variable
If you want to accept/display data to the user without a form 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.
...
A placeholder is a short text, located inside the input data field. (Refer to Fig. 1 number 1)
...
Layout
It is a design using which the user can arrange the fields.
The Layout options are:
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
...