- Name: This refers to the label or identifier given to the input UI element.
- Label: This is the text or graphic that appears next to or above the input field. It helps the user understand what information is expected to be entered in the input field.
- Show Label: This option allows you to choose whether the label should be displayed or hidden on the UI element.
- Value: This refers to the default or pre-filled value that appears in the input field when the UI element is first loaded.
- Size: This option allows you to specify the size of the input field or the amount of data that can be entered.
- Mandatory: This is an option that makes the input field a required field, meaning the user must provide data or value for the form to be submitted.
- Width: This option allows you to set the width of the input field, which can be specified in pixels or percentage.
Click the + button to add validation.
- Padding: The space between the content of the UI element and its border.
- Margin: The space between the UI element and the surrounding elements, such as the edge of the screen or another UI element.
- Color: The color of the UI element's content, such as text or icons.
- Background color: The color of the UI element's background.
- Border: The line that surrounds the UI element, separating it from other elements.
- Border thickness: The width of the border line.
- Border radius: The degree of rounding of the corners of the border line.
- Type Settings: The specific settings that are available for each UI element type, such font family, font weight, or font size.
Click the + button to add conditions.