Enabled

Show and hide controls based on another control's value.

The enabled key in an object's properties can be set using a logical expression that evaluates to true or false. This determines whether a specific UI element is enabled or disabled based on the conditions specified in the expression. Works in the same way as visible.

• Boolean Logic: Use logical operators (&&, ||) to combine multiple conditions.

• Comparison Operators: Use ==, !=, >, <, >=, <= to compare values.

Examples

1. Complex Condition

   "enabled": "(buttonStyle == 'filled' || buttonStyle == 'outline') && showIcon == true"

   This makes the control enabled only when a button style is chosen and icons are enabled.

2. Enabled Based on Numeric Ranges

   "enabled": "imageBlur > 0 && imageBlur <= 20"

   Useful for enabling fine-tuning controls only when blur is active.

3. Negation to Disable

   "enabled": "useCustomColors != true"

   The property is enabled when useCustomColors is false.