- Name: The name of the UI element.
- Label: The text or title displayed on the UI element.
- Minimum Value: This is the lowest value that can be entered in the percentage UI element. It is usually set to zero or a specific value depending on the context of the input.
- Maximum Value: This is the highest value that can be entered in the percentage UI element. It is typically set to 100, which represents 100%.
- Size: This option allows you to specify the size of the percentage UI element, usually in terms of small, medium, or large.
- Show Symbol: This option allows you to show or hide the percentage symbol (%) that appears next to the entered value.
- Allow Decimal: This is an option that enables or disables the ability to enter decimal values in the percentage UI element. If enabled, users can enter values with decimal points (e.g. 50.5%).
- Placeholder: This is the default text that appears in the percentage UI element when it is empty. It can be used to give users an idea of what data is expected to be entered.
- Is Required: This is an option that makes the percentage UI element 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 percentage UI element, which can be specified in pixels or percentage.
- 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.