- Name: The name of the UI element, which could be descriptive such as "Update" for a button that updates data.
- Label: The text or title displayed on the UI element. For example, the label of a button might say "Enter your details".
- Horizontal gap: The amount of space between UI elements horizontally. You can choose small, medium, large, or extralarge options from the drop-down.
- Vertical gap: The amount of space between UI elements vertically. You can choose small, medium, large, or extralarge options from the drop-down.
- Direction: The orientation or flow of the UI elements, such as horizontal or vertical.
- Alignment: The position or placement of the UI element(s) on the screen or page. For example, a group of buttons might be aligned to the center or left.
- Use background Image: An option to set a background image for the UI element instead of a solid color.
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.